Comment créer un menu burger vertical dynamique
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
53m32
de formation
8
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Comment créer un menu burger vertical dynamique

4.8/5 Trustpilot (1391 avis) Satisfait ou remboursé
53m32
de formation
8
leçons vidéo
1
chapitre

Dans ce cours en ligne destiné à améliorer le côté front des pages web, nous allons mettre en place un menu burger.
Ce menu activera l'apparition verticale d'une zone de navigation lorsque l'utilisateur cliquera dessus. Cette navigation recouvrera intégralement notre page. Ce menu burger restera à l'écran tant que l'utilisateur n'aura pas décidé de le refermer.
Nous devrons donc gérer les différents états d'affichage du menu, mais également de l'icône burger.

Ce qui est intéressant et important ici, c'est d'acquérir la bonne logique de construction de ce classique du front end.
Pour suivre ce tutoriel vidéo dans de bonnes conditions, il est recommandé de connaître :

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place des zones principales
Leçon 2
Mise en fonctionnement de la zone Nav
Leçon 3
Mise en place du menu burger
Leçon 4
Mise en fonctionnement du menu burger
Leçon 5
Une autre façon d'aborder notre programme
Leçon 6
Mise en place des liens de navigation
Leçon 7
Côté responsive

Table des matières

Leçon 1

Mise en place des zones principales

08m01
Leçon 2

Mise en fonctionnement de la zone Nav

08m31
Leçon 3

Mise en place du menu burger

08m18
Leçon 4

Mise en fonctionnement du menu burger

07m48
Leçon 5

Une autre façon d'aborder notre programme

05m30
Leçon 6

Mise en place des liens de navigation

11m26
Leçon 7

Côté responsive

02m05
Leçon 8

Conclusion

01m53

Aperçus

Avis des apprenants

Détail des avis
10
Commentaires
4,5/5
Note moyenne
5/5
7
4/5
1
3/5
2
2/5
0
1/5
0
Fred Andenas
Fred Andenas
Publié le 15/05/2026
Merci Carl pour cet approndissement sur le menu Burger notamment sur le coté active de l'élément parent
Carl Brison
Carl Brison
Merci beaucoup Fred ;-)
Simon Costa
Simon Costa
Publié le 29/01/2026
Top comme petit effet, même si le dénouement en css était assez évident à deviner. on peut même s'amuser avec la librairie animate pour attribuer des effets individuels à nos items. Merci Carl :D !
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)
Patricia Bourdoiseau
Patricia Bourdoiseau
Publié le 26/10/2025
Très intéressant merci
Carl Brison
Carl Brison
Merci beaucoup ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
11,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
53m32 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 777 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1425 tutos gratuits

Notre politique de protection des données