Tailwind CSS #1/5. Maîtriser le Formatage des Textes
Tailwind CSS #1/5. Maîtriser le Formatage des Textes
Cette formation en vidéo sur Tailwind CSS est conçue pour vous aider à devenir un expert en création d'interfaces web modernes et réactives.
Tailwind CSS est l'un des outils les plus populaires pour le développement front-end, permettant de concevoir des sites web esthétiques et performants plus rapidement que jamais.
Au cours de cette formation, vous apprendrez les bases de Tailwind CSS et l'utilisation des classes utilitaires pour la mise en page, la typographie, les couleurs, les marges, etc.
Vous découvrirez également comment personnaliser Tailwind CSS pour s'adapter à vos besoins spécifiques.
Nous aborderons les bonnes pratiques de développement avec Tailwind CSS, en vous montrant comment structurer votre code de manière efficace.
Enfin, vous travaillerez sur des projets concrets pour mettre en pratique vos compétences nouvellement acquises.
Que vous soyez un débutant cherchant à comprendre les bases du développement web ou un développeur expérimenté souhaitant améliorer sa productivité, cette formation vous préparera à maîtriser Tailwind CSS et à créer des interfaces web élégantes et réactives.
Cours dans ce bundle
Tailwind CSS #2/5. Maîtriser le Formatage des Boîtes DIV
Tailwind CSS #2/5. Maîtriser le Formatage des Boîtes DIV
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #4/5. Créer des mises en page responsives avec FlexBox
Tailwind CSS #4/5. Créer des mises en page responsives avec FlexBox
Tailwind CSS #5/5. Les effets CSS sur les éléments HTML
Tailwind CSS #5/5. Les effets CSS sur les éléments HTML
Plan détaillé des cours
Chapitre 1 : Découvrir Tailwind CSS
13m50s
Leçon 1Installer Tailwind CSS
Leçon 2Installer une extension à notre IDE
Chapitre 2 : Formater les textes
31m29s
Leçon 1Modifier la police
Leçon 2Modifier la taille du texte
Leçon 3Modifier le gras du texte
Leçon 4Mettre un texte en italique
Leçon 5Modifier l'espace entre les lettres
Leçon 6Souligner, barrer du texte
Leçon 7Aligner du texte
Leçon 8Mettre du texte en majuscule
Chapitre 3 : Créer notre documentation
15m13s
Leçon 1Les 3 premières propriétés liées au texte
Leçon 2Les 3 propriétés suivantes liées au texte
Leçon 3Les 3 dernières propriétés liées au texte
Chapitre 4 : Exercice
15m51s
Leçon 1Ce que nous allons faire
Leçon 2Correction de l'exercice 1/2
Leçon 3Correction de l'exercice 2/2
Chapitre 5 : Conclusion
01m38s
Leçon 1Pour la prochaine fois
Chapitre 1 : Formater des boîtes
40m11s
Leçon 1Donner une couleur de fond à une boîte
Leçon 2Modifier la largeur d'une boîte
Leçon 3Modifier la hauteur d'une boîte
Leçon 4Donner une image de fond à une boîte
Leçon 5Donner un dégradé de couleur à une boîte
Leçon 6Modifier les marges extérieures
Leçon 7Modifier les marges intérieures
Leçon 8Donner une bordure à une boîte
Leçon 9Arrondir les bordures d'une boîte
Chapitre 2 : Créer notre documentation
19m21s
Leçon 1Les 3 premières propriétés liées aux boîtes
Leçon 2Les 2 propriétés suivantes liées aux boîtes
Leçon 3Les 2 avant-dernières propriétés liées aux boîtes
Leçon 4Les 2 dernières propriétés liées aux boîtes
Chapitre 3 : Exercice
28m27s
Leçon 1Ce que nous allons faire
Leçon 2Définir une image de fond
Leçon 3Mettre en forme la section
Leçon 4Mettre en forme le formulaire
Chapitre 4 : Pour la prochaine fois
02m15s
Leçon 1Pour la prochaine fois
Chapitre 1 : Manipuler les conteneurs avec CSS Grid
28m05s
Leçon 1Créer des colonnes
Leçon 2Manipuler les hauteurs de ligne
Leçon 3Définir une valeur en auto
Leçon 4Créer des gouttières entre les lignes et les colonnes
Chapitre 2 : Créer notre documentation
04m50s
Leçon 1Les 4 premières propriétés liées à Grid
Chapitre 3 : Les médias queries
10m10s
Leçon 1Fonctionnement des médias queries
Leçon 2Retour à notre documentation
Chapitre 4 : Manipuler les contenus avec CSS Grid
17m53s
Leçon 1Les lignes de grilles verticales
Leçon 2Les lignes de grilles horizontales
Leçon 3Le mot clé span
Leçon 4Retour à notre documentation
Chapitre 5 : Exercice d'application
21m22s
Leçon 1Enoncé de l'exercice
Leçon 2Mise en place des bases
Leçon 3Mise en page pour les grands écrans
Leçon 4Modifier l'ordre d'affichage pour les grands écrans
Chapitre 6 : Pour la prochaine fois
01m37s
Leçon 1Pour la prochaine fois
Chapitre 1 : Manipuler les conteneurs avec FlexBox
17m22s
Leçon 1Définir le display Flex
Leçon 2Définir la direction des contenus
Leçon 3Définir le retour à la ligne des contenus
Leçon 4Aligner les contenus sur l'axe principal
Leçon 5Aligner les contenus sur l'axe secondaire
Chapitre 2 : Créer notre documentation
05m33s
Leçon 1Les 4 premières propriétés liées à Grid
Chapitre 3 : Manipuler les contenus avec FlexBox
17m07s
Leçon 1Aligner un contenu
Leçon 2Modifier l'ordre d'affichage
Leçon 3Modifier la largeur d'un contenu
Leçon 4Définir la largeur d'un contenu
Leçon 5Retour à notre documentation
Chapitre 4 : Exercice d'application
21m13s
Leçon 1Ce que nous allons faire
Leçon 2Mise en place des bases
Leçon 3Retour à Grid CSS
Leçon 4Mise en place du responsive
Chapitre 5 : Pour la prochaine fois
01m18s
Leçon 1Pour la prochaine fois
Chapitre 1 : Les effets
14m33s
Leçon 1Définir une ombre portée
Leçon 2Définir une opacité
Leçon 3Modifier la mise à l'échelle
Leçon 4Effectuer une rotation
Chapitre 2 : Créer notre documentation
05m53s
Leçon 1Déclarer les propriétés liées aux effets
Chapitre 3 : Mise en page
18m39s
Leçon 1La propriété visibility
Leçon 2La position absolute
Leçon 3La position fixed
Leçon 4La position sticky
Leçon 5La propriété float
Chapitre 4 : Créer notre documentation
02m49s
Leçon 1Déclarer les propriétés liées à la mise en page
Chapitre 5 : Les événements
07m36s
Leçon 1Modifier le pointeur de la souris
Leçon 2La pseudo classe hover
Leçon 3La pseudo classe focus
Leçon 4Le pseudo élément placeholder
Chapitre 6 : Créer notre documentation
03m03s
Leçon 1Déclarer les propriétés liées à la mise en page
Chapitre 7 : Exercice d'application
37m01s
Leçon 1Présentation du job
Leçon 2Ecrire le code HTML
Leçon 3Mettre en place les bases CSS
Leçon 4Mettre en forme la zone Nav
Leçon 5Mettre en forme le formulaire
Chapitre 8 : Conclusion de la formation
01m21s
Leçon 1Conclusion
Avis des apprenants