JS moderne, Exo #2: Déplacement d'un menu burger
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
52m48
de formation
6
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

JS moderne, Exo #2: Déplacement d'un menu burger

4.7/5 Trustpilot (1394 avis) Satisfait ou remboursé
52m48
de formation
6
leçons vidéo
1
chapitre

Continuons à manipuler le JavaScript que nous avons appris ensemble dans la série de tutos dédiés à l'apprentissage du JavaScript moderne.
Pour cet exemple, nous allons apprendre à mettre en place une animation d'un menu burger avec déplacement de celui-ci à l'ouverture de la barre de navigation.

Nous allons décortiquer tout le travail de développement afin d'avoir les bons réflexes pour votre carrière de développeur front-end.
Pour suivre ce tutoriel dans de bonnes conditions, il est recommandé de connaître :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place de la structure HTML
Leçon 2
Mise en place du CSS de la barre de navigation
Leçon 3
Mise en place du CSS du menu burger
Leçon 4
Mise en place du JavaScript pour animer la barre de navigation
Leçon 5
Mise en place du JavaScript pour animer le menu burger
Leçon 6
Conclusion

Table des matières

Leçon 1

Mise en place de la structure HTML

06m28
Leçon 2

Mise en place du CSS de la barre de navigation

09m27
Leçon 3

Mise en place du CSS du menu burger

08m29
Leçon 4

Mise en place du JavaScript pour animer la barre de navigation

10m28
Leçon 5

Mise en place du JavaScript pour animer le menu burger

14m30
Leçon 6

Conclusion

03m26

Aperçus

Avis des apprenants

Détail des avis
101
Apprenants
8
Commentaires
5/5
Note moyenne
5/5
8
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 07/06/2026
5
Merci beaucoup Carl. Des petites révisions comme les positionnements ou même la création et l'animation du burger, ça n'est pas négligeable. On obtient quelque chose d'agréable à l'oeil et très esthétique. À bientôt pour d'autres aventures ;-)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Valérie ;-)
Fred Andenas
Fred Andenas
Publié le 11/05/2026
5
Excellent exercice d'entrainement sur le menu burger Carl !!!
Carl Brison
Carl Brison
Merci beaucoup, Fred :-)
Simon Costa
Simon Costa
Publié le 20/01/2026
5
Vraiment très cool comme petit exercice. Mettre en pause après la "dictée" du job permet de réellement bosser à fond ses connaissances. Grand merci comme toujours Carl.
Carl Brison
Carl Brison
Merci beaucoup Simon, pour votre commentaire très gentil ;-)

Vos questions sur le cours

Que contient le fichier source ?

L'ensemble des codes de ce tutoriel.

Quel est le niveau requis pour suivre ce tuto ?

débutant
Choisissez votre accès

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
10,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
52m48 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 784 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.7/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)
Continuez votre progression

Formations complémentaires

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

+ 1,400,000 d’apprenants et d’entreprises se forment au quotidien sur Tuto.com
  • Logo adobe
  • Logo etapes
  • Logo nikon
  • Logo arte
  • Logo xp-pen
  • Logo citia
  • Logo universal
  • Logo jc-decaux
  • Logo cite-science
  • Logo credit-agricole
  • Logo om
  • Logo fff
Paiement 100% sécurisé

Vos données sont chiffrées et protégées pendant toute la transaction.

  • visa-mono
  • mastercard-alt
  • maestro-alt
  • paypal-mono
  • klarna-mono
  • apple-pay-mono
  • google-pay-mono
Besoin d’aide ?

Notre équipe répond à vos questions du lundi au vendredi de 10h à 12h et de 14h à 16h.
Support par e-mail ou par téléphone au 01 84 80 80 29.

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données