Cours
Tailwind CSS
Mettre en forme sans accumuler une feuille de style à maintenir : classes utilitaires, adaptation aux écrans, thème, mode sombre et extraction de composants.
Débutant à Intermédiaire 7 leçons
Les leçons
- 1 Pourquoi des classes utilitaires Vous saurez expliquer quel problème de maintenance Tailwind résout réellement, ce que vous payez en échange, et sur quels projets il vaut mieux s'en passer.
- 2 Installation et configuration Vous saurez installer Tailwind dans un projet moderne, comprendre comment il détecte les classes utilisées, et équiper votre éditeur pour l'autocomplétion et le tri des classes.
- 3 Le vocabulaire de base Vous saurez composer espacements, typographie, couleurs, bordures et ombres avec l'échelle de Tailwind, et reconnaître les rares cas où une valeur arbitraire est justifiée.
- 4 Mise en page avec Flexbox et Grid Vous saurez construire une barre de navigation, une grille de cartes et une colonne latérale collante, et diagnostiquer les trois pannes classiques d'alignement.
- 5 Adapter aux écrans Vous saurez écrire une mise en page mobile d'abord avec les préfixes de points de rupture, comprendre pourquoi le raisonnement inverse casse, et utiliser les requêtes de conteneur.
- 6 Thème et mode sombre Vous saurez définir vos couleurs et polices dans le thème, bâtir un mode sombre pilotable par l'utilisateur, et éviter le doublement de chaque classe.
- 7 Éviter le balisage illisible Vous saurez quand extraire un composant, pourquoi @apply est presque toujours une fausse bonne idée, et comment composer des classes conditionnelles sans conflits.