À propos du cours
Cette formation formation complète sur Tailwind CSS est conçue pour vous fournir une expertise complète dans l’utilisation de Tailwind CSS pour créer des sites web modernes et esthétiques. À la fin de cette formation, vous serez capable de coder une landing page complète de A à Z.
Tout d’abord, nous vous familiariserons avec les principes de base . Vous apprendrez à utiliser les classes utilitaires pour appliquer des styles à vos éléments HTML, manipuler les couleurs, la typographie, les tailles et d’autres propriétés de base pour créer des designs attrayants.
Ensuite, nous explorerons la mise en page en utilisant Tailwind CSS. Vous découvrirez comment utiliser Flexbox et Grid pour créer des mises en page complexes et réactives. Vous apprendrez également à positionner les éléments de manière précise sur la page en utilisant les classes utilitaires.
Au fur et à mesure que vous progresserez, nous vous introduirons aux techniques avancées, telles que les animations, les transitions, les transformations et les effets spéciaux. Ces fonctionnalités vous permettront d’ajouter une touche d’interactivité et de dynamisme à vos designs.
Vous apprendrez également à rendre vos sites web compatibles avec différentes tailles d’écrans en utilisant les classes responsives de Tailwind CSS et des requêtes media. Vous verrez comment créer des designs qui s’adaptent parfaitement à toutes les tailles d’écran.
Nous aborderons des sujets avancés tels que les pseudo-classes et pseudo-éléments, les propriétés CSS avancées et les meilleures pratiques pour l’organisation et la structuration de votre code CSS.
Pour mettre en pratique tout ce que vous avez appris, vous réaliserez un projet final en codant une landing page complète de A à Z. Ce projet vous permettra de consolider vos compétences et de créer un portfolio impressionnant.
Contenu du cours
Tailwind CSS de A à Z
-
02:33
-
03:54
-
04:55
-
Typographie Partie 2
07:45 -
Background et Gradient
04:07 -
Margin et Padding
03:31 -
Width et Height
04:30 -
Border
05:17 -
Divide
02:18 -
Outline et Ring
05:12 -
Hover et transitions
05:26 -
Transform
04:39 -
Container, Displays et Breack points
03:56 -
Les positions
03:29 -
Les animations
04:18 -
Flexbox Partie 1
03:22 -
Flexbox Partie 2
03:16 -
Grid Partie 1
03:23 -
Grid Partie 2
03:17 -
Grid Partie 3
02:12 -
Images et background image
03:58 -
Float
02:16 -
Filter
02:43 -
Shadow, Opacity et Mix Blend Mode
02:24 -
Focus et autres states
06:28 -
Projet Final – Présentation
01:35 -
Mise en place de la Navigation
18:31 -
Mise en place du Hero
03:38 -
Mise en place de la Galerie
07:49 -
Mise en place de la section à propos
04:44 -
Mise en place de la section contact
09:29 -
Mise en place du Footer
07:34 -
Installer Tailwind CSS
08:06
Quiz
Conclusion
Obtenez un certificat
Ajoutez ce certificat à votre CV pour démontrer vos compétences et augmenter vos chances .