Plan du cours
Introduction
- Vue d'ensemble Tailwind CSS
Pour commencer
- Installation Tailwind CSS
- Installation de Node
- Installation du code VS
- Mise en place de l'environnement
Tailwind CSS Principes de base
- Attacher Tailwind CSS avec HTML
- Créer des conteneurs avec des classes utilitaires
- Ajouter des propriétés de largeur et de hauteur
- Comprendre le fonctionnement de la boîte à outils
- Envelopper et redimensionner des éléments flexibles
- Création d'une grille et d'une disposition en lignes
- Ajuster le flux d'éléments dans une grille
- Ajouter un espace entre les éléments et les justifier
- Justifier des éléments individuels
- Ajouter des marges aux éléments
- Styliser le texte à l'aide des classes utilitaires de Tailwind
- Ajouter et styliser des bordures
- Ajout d'ombres aux éléments
- Utilisation de points d'arrêt pour ajouter un comportement réactif
- Utilisation de pseudo-sélecteurs
- Directives de superposition et d'application
- Utilisation de composants pour la réutilisation du code
Mise en place d'un meilleur environnement de développement
- Créer un environnement avec Tailwind CLI
- Directives et fonctions
Résumé et prochaines étapes
Pré requis
- Connaissances de base en HTML et CSS
Audience
- Développeurs
Nos Clients témoignent (6)
Trainer' style of teaching
Fatma Badi - Dubai Electricity and Water Authority
Formation - Front End Developer
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Formation - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
His ability to teach me through real-life examples, and his immediate response to my question with a clear and understandable answer.
Zayed Al Kindi
Formation - HTML5, JavaScript, and CSS3
Les sessions pratiques
Tshepo - Vodacom
Formation - HTML5, JavaScript, and CSS4
Traduction automatique
Très convivial, on pouvait parler comme on voulait, tout s'est bien passé.
Axel - Université Libre de Bruxelles
Formation - Advanced TypeScript
Bien conçu. Sans beaucoup de contexte, je ne me suis pas perdue et je savais où j'étais. Les thèmes, des plus généraux aux plus spécifiques, constituent la base d'un travail personnel plus approfondi.
Andrzej - TENSOFT Sp. z o.o.
Formation - Design Patterns in PHP
Traduction automatique