JS moderne, EXO #16, Créer un menu Burger explosif
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
34m27
de formation
5
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

JS moderne, EXO #16, Créer un menu Burger explosif

4.8/5 Trustpilot (1390 avis) Satisfait ou remboursé
34m27
de formation
5
leçons vidéo
1
chapitre

Dans ce tuto dédié à la pratique du JavaScript et du CSS modernes, nous allons créer un menu burger explosif !
En fait, pour une expérience utilisateur intéressante, lorsque celui-ci va cliquer sur le menu burger, alors les liens de la navigation vont apparaître et occuper tout l'écran de manière progressive.
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 des bases de la page web
Leçon 2
Mise en place de la zone burger
Leçon 3
Mise en place de la zone menu
Leçon 4
Mise en place du code
Leçon 5
Conclusion

Table des matières

Leçon 1

Mise en place des bases de la page web

05m15
Leçon 2

Mise en place de la zone burger

07m41
Leçon 3

Mise en place de la zone menu

13m12
Leçon 4

Mise en place du code

06m23
Leçon 5

Conclusion

01m56

Aperçus

Avis des apprenants

Détail des avis
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 07/02/2025
5
Merci Carl pour votre cours sur le menu burger explosif. J'ai particulièrement apprécié l'utilisation de la propriété scale. C'était clair et intéressant à mettre en pratique. Validé 100%
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Valérie Arno
Valérie Arno
Publié le 20/08/2024
5
Moi aussi j'ai eu beaucoup de plaisir à faire ce tuto :-) C'est fou les belles choses qu'on arrive à faire avec CSS et JavaScript. Une petite révision sur les positions aussi n'était pas du luxe. J'aime beaucoup l'effet du scale sur le menu. Merci beaucoup Carl.
Carl Brison
Carl Brison
Très heureux que ce tuto vous ait plu. Merci beaucoup pour votre commentaire très gentil ;-)
Serge Delattre
Serge Delattre
Publié le 24/06/2024
5
tuto à conserver précieusement pour mémoire, les bases sont claires et précises.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source du document
Choisissez votre accès

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
34m27 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 769 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)
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 1424 tutos gratuits

Notre politique de protection des données