Merci d'avoir envoyé votre demande ! Un membre de notre équipe vous contactera sous peu.
Merci d'avoir envoyé votre réservation ! Un membre de notre équipe vous contactera sous peu.
Plan du cours
Introduction
- Aperçu de Tailwind CSS.
Prise en main
- Installation de Tailwind CSS.
- Installation de Node.
- Installation de VS Code.
- Configuration de l’environnement.
Fondamentaux de Tailwind CSS
- Lier Tailwind CSS à du code HTML.
- Créer des conteneurs avec des classes utilitaires.
- Définir les propriétés de largeur et de hauteur.
- Comprendre le fonctionnement de Flexbox.
- Grouper et redimensionner les éléments flexibles.
- Créer des mises en page en grille et en lignes.
- Ajuster le flux des éléments dans une mise en page grille.
- Ajouter des espacements et justifier les éléments.
- Justifier les éléments individuels.
- Ajouter des marges internes (padding) et des marges externes (margins) aux éléments.
- Styliser le texte à l’aide de classes utilitaires Tailwind.
- Ajouter et styliser des bordures.
- Ajouter des ombres aux éléments.
- Utiliser les points de rupture (breakpoints) pour rendre le design adaptatif.
- Utiliser les sélecteurs pseudo-classe.
- Directives d’empilement et d’application.
- Utiliser des composants pour réutiliser du code.
Configuration d’un environnement de développement optimisé
- Créer un environnement avec Tailwind CLI.
- Directives et fonctions.
Résumé et prochaines étapes
Pré requis
- Connaissances de base en HTML et CSS.
Public visé
- Développeurs.
7 Heures
Nos clients témoignent (2)
Pratique, exercices, assistance et interrogations en présentiel.
Jose Paulos - INESC TEC
Formation - Tailwind CSS
Traduction automatique
L'enseignant.
Jose Ferreira - INESC TEC
Formation - Tailwind CSS
Traduction automatique
