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
 7 heures

Nombre de participants



Prix par participant

Nos Clients témoignent (6)

Cours Similaires

Catégories Similaires