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

TUTO Comment créer un menu burger vertical dynamique

Carl Brison
11,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Leçon 1Mise en place des zones principales
08m01
Leçon 2Mise en fonctionnement de la zone Nav
08m31
Leçon 3Mise en place du menu burger
08m18
Leçon 4Mise en fonctionnement du menu burger
07m48
Leçon 5Une autre façon d'aborder notre programme
05m30
Leçon 6Mise en place des liens de navigation
11m26
Leçon 7Côté responsive
02m05
Leçon 8Conclusion
01m53

Aperçus

Avis des apprenants

Détail des avis
47
Apprenants
6
Commentaires
4,2/5
Note moyenne
5/5
3
4/5
1
3/5
2
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 13/09/2023
C'était un plaisir de vous suivre sur ce cours, un outil en plus à mettre dans la boîte. Merci, Carl, pour ce cours bien expliqué. Validé 100 % #menu-burger-vertical-dynamique
Carl Brison
Carl Brison
Merci à vous, Alain ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 05/07/2022
Encore un joli bac à sable, merci !
Carl Brison
Carl Brison
Merci beaucoup ;-)
Valérie Arno
Valérie Arno
Publié le 21/05/2022
Un tuto qui détend (quoi que pas si simple par moment) avec un composé de html-css-javascript. Une petite gymnastique avec la classe active et les flexbox, toujours dans un rythme idéal avec des vidéos séparées pour chaque sujet. Au final on a un beau menu burger avec une ouverture élégante des liens. Par contre pour le côté vertical, je pensais voir les liens à la verticale. En fait il est vertical en mode responsive. Le bandeau, lui, s'ouvre à la verticale. C'était encore un plaisir de suivre ce cours (pour rester dans le bain du bundle JavaScript en cours). Merci Carl. :)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 11,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 1422 tutos gratuits

Notre politique de protection des données