4.8/5 Trustpilot (1397 avis)
Comment créer un menu burger vertical dynamique
Comment créer un menu burger vertical dynamique
Dans ce cours dédié au JavaScript moderne avancé, nous allons apprendre à créer un menu Burger 100% responsive de A à Z.
Cela signifie que nous allons décortiquer entièrement la mise en place d'un menu responsive, comme on en voit sur tous les sites web modernes.
Nous utiliserons le CSS moderne tel que Flexbox, que nous associerons au JavaScript moderne. Cela nous permettra d'obtenir un menu responsive 100% moderne et 100% fonctionnel !
A la fin de ce tutoriel, vous serez en mesure de mettre en place vous-même un menu responsive entièrement personnalisé pour tous vos projets web !
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Tous les fichiers de travail sont fournis !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Pré-requis pour suivre ce cours en ligne
Pour suivre ce tutoriel dans de bonnes conditions, il est fortement conseillé d'avoir des connaissances en JavaScript et notamment en JavaScript moderne.
Si tel n'est pas votre cas, je mets à votre disposition, une formation complète qui vous permettra de connaître toutes les bases en programmation moderne en JavaScript.
Pour aller plus loin :
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Les bases
Les bases
Chapitre 2
Détail de la zone A
Détail de la zone A
Chapitre 3
Détail de la zone B
Détail de la zone B
Chapitre 4
Détail de la zone C
Détail de la zone C
Chapitre 5
Mise en application dans un projet web
Mise en application dans un projet web
Chapitre 6
Conclusion
Conclusion
Table des matières
Chapitre 1 : Les bases
27m26
Leçon 1Présentation du tuto
Leçon 2Mise en place des zones A et B
Leçon 3Mise en place de la zone C
Chapitre 2 : Détail de la zone A
33m38
Leçon 1Mise en place d'une zone Logo
Leçon 2Création d'une liste non ordonnée
Leçon 3Mise en forme avec séparateur
Leçon 4Mise en forme avec background
Leçon 5Complément pour la classe "on"
Chapitre 3 : Détail de la zone B
24m53
Leçon 1Mise en place d'un icone Burger
Leçon 2Mise en place d'un icone en Croix
Leçon 3Création d'un menu burger en CSS
Leçon 4Création d'une croix en CSS
Chapitre 4 : Détail de la zone C
16m55
Leçon 1Adoucir l'arrivée de la zone C
Leçon 2Modifier le sens d'arrivée de la zone C
Leçon 3Superposer la zone C à la mise en page
Chapitre 5 : Mise en application dans un projet web
45m58
Leçon 1Création des zones header, nav, article et footer
Leçon 2Détail des zones header, article et footer
Leçon 3Détail de la zone Nav sur les écrans grand et moyen
Leçon 4Détail de la zone Nav sur l'écran petit
Leçon 5Mise en fonctionnement
Leçon 6Petite discussion de mise en page
Chapitre 6 : Conclusion
02m22
Leçon 1Conclusion
Aperçus
Avis des apprenants