Formation Tailwind CSS

Introduction

• Aperçu de Tailwind CSS

Premiers pas

• Installation de Tailwind CSS
• Installation de Node
• Installation de VS Code
• Configuration de l'environnement

Les bases de Tailwind CSS

• Intégration de Tailwind CSS avec HTML
• Création de conteneurs avec des classes utilitaires
• Ajout des propriétés de largeur et de hauteur
• Compréhension du fonctionnement de Flexbox
• Ajustement et redimensionnement des éléments flex
• Création de dispositions en grille et en lignes
• Ajustement du flux des éléments dans une disposition en grille
• Ajout d'espacement et justification des éléments
• Justification individuelle des éléments
• Ajout de marges et de remplissages aux éléments
• Stylisation du texte à l'aide des classes utilitaires de Tailwind
• Ajout et stylisation des bordures
• Ajout d'ombres aux éléments
• Utilisation des points de rupture pour ajouter un comportement réactif
• Utilisation des pseudo-sélecteurs
• Directives de couche et d'application
• Utilisation de composants pour la réutilisation de code

Configuration d'un meilleur environnement de développement

• Création d'un environnement avec Tailwind CLI
• Directives et fonctions

Résumé et prochaines étapes