6,00 au lieu de 12,00

Tuto Comment créer un menu burger vertical dynamique avec JavaScript, CSS opération spéciale -50% jusqu'au 11 décembre, 19:00

6,00 au lieu de 12,00

  • Une formation vidéo de 53m32s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Comment créer un menu burger vertical dynamique

ajouter ce cours aux favoris retirer ce cours des favoris

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.

Table des matières de cette formation JavaScript, CSS (durée : 53m32s)

    • Mise en place des zones principales 00:08:01
    • Mise en fonctionnement de la zone Nav 00:08:31
    • Mise en place du menu burger 00:08:18
    • Mise en fonctionnement du menu burger 00:07:48
    • Une autre façon d'aborder notre programme 00:05:30
    • Mise en place des liens de navigation 00:11:26
    • Côté responsive 00:02:05
    • Conclusion 00:01:53



Formateur : Carl Brison

Carl Brison a publié 335 tutoriels et obtenu une note moyenne de 4,9/5 sur 19 061 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

4,2
note moyenne

6
avis laissés
5 étoiles
3
4 étoiles
1
3 étoiles
2
2 étoiles
0
1 étoile
0
  • 5
    avis de devfront_45 laissé 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

  • 5
    avis de zolb laissé le 05/07/2022
    Encore un joli bac à sable, merci !

  • 5
    avis de valerie-a77 laissé 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. :)
    "Merci beaucoup pour votre commentaire très gentil "

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1434 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données