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
Dans ce cours en vidéo, je vous propose d'apprendre à créer une timeline verticale en utilisant les langages HTML et CSS.
Une timeline sert généralement à valider des étapes.
Cet élément peut être utilisé avec des formulaires par exemple.
En général, on joue visuellement sur l'état des étapes. Ici, nous changerons la couleur, quand une étape sera franchie.
Notre timeline se composera de cercles traversés par une ligne verticale. La mise en forme sera effectuée en CSS.
Un exercice pratique, pour enrichir vos compétences techniques de front-end développeur.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je mets les codes de ce tuto à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Si vous souhaitez vous sentir plus à l'aise avec le HTML et CSS, je propose également une formation de plus de 13h00 pour apprendre à votre rythme !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mise en place du HTML
Mise en place du HTML
Leçon 2
Création de la timeline
Création de la timeline
Leçon 3
Positionnement des éléments
Positionnement des éléments
Leçon 4
On active des sections
On active des sections
Leçon 5
Conclusion
Conclusion
Plan détaillé du cours
Leçon 1Mise en place du HTML
03m51
Leçon 2Création de la timeline
08m24
Leçon 3Positionnement des éléments
05m42
Leçon 4On active des sections
06m19
Leçon 5Conclusion
01m25
Avis des apprenants