Créer une timeline verticale en HTML & CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Créer une timeline verticale en HTML & CSS

Carl Brison
9,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Leçon 2
Création de la timeline
Leçon 3
Positionnement des éléments
Leçon 4
On active des sections
Leçon 5
Conclusion

Plan détaillé du cours

Leçon 1Mise en place du HTML
03m51s
Leçon 2Création de la timeline
08m24s
Leçon 3Positionnement des éléments
05m42s
Leçon 4On active des sections
06m19s
Leçon 5Conclusion
01m25s

Avis des apprenants

Détail des avis
90
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 13/01/2023
Merci Carl pour ce tuto super intéressant. Clair et pédagogique. Je le recommande sans hésiter. Validé 100 % CSS.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)
Jean Philippe
Jean Philippe
Publié le 26/09/2021
Excellent tutoriel (je ne sais pas trop quoi écrire...) qui n'est pas très long, l'avantage, c'est que c'est idéal pour bien retenir ! Merci à Carl Brison pour ses tutoriels dont je suis fan.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire vraiment TRES gentil ;-)
Richard Anctil
Richard Anctil
Publié le 24/09/2021
J'ai hâte au fullstack du timeline, très bon. Mais after = après, une petite erreur, ne le prenez pas mal.
Carl Brison
Carl Brison
Yes ! Merci beaucoup pour votre commentaire super gentil ;-)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

HTML 5, CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 9,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1369 tutos gratuits

Notre politique de protection des données