Menu burger horizontal
ERROR
00:00
00:00

TUTO Menu burger horizontal

Carl Brison
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce cours en ligne, je vous propose de mettre en place un menu burger qui fera apparaître une zone de navigation horizontale pour les grands écrans et verticale pour les petits écrans.

L'idée sera d'accroître l'expérience utilisateur et pour cela nous irons également manipuler le menu burger en lui faisant faire une rotation sur lui-même pendant que la zone de navigation apparaît ou disparaît de la page web.

Nous modifierons également la représentation du menu burger.

Pour mettre en place ce petit exercice pratique, nous utiliserons les langages Front-end classiques : le HTML, le CSS ainsi que le JavaScript.
Je mets les codes de ce tuto à votre disposition.

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.
Pour aller plus loin, vous pouvez suivre ce bundle dédié à l'apprentissage du JavaScript moderne.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du code HTML
Leçon 2
Mise en forme de la barre de nav
Leçon 3
Mise en forme du menu burger
Leçon 4
Ecriture du programme JavaScript
Leçon 5
Donner une rotation à la section
Leçon 6
Conclusion

Plan détaillé du cours

Leçon 1Mise en place du code HTML
05m27s
Leçon 2Mise en forme de la barre de nav
11m44s
Leçon 3Mise en forme du menu burger
04m46s
Leçon 4Ecriture du programme JavaScript
05m53s
Leçon 5Donner une rotation à la section
08m31s
Leçon 6Conclusion
01m31s

Avis des apprenants

Détail des avis
7
Apprenants
7
Commentaires
5/5
Note moyenne
5/5
7
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 06/04/2023
Merci Carl, j'aime énormément ce genre de tuto hyper pratique. Mine de rien, ça ne s'improvise pas, connaître le CSS et savoir l'utiliser sont 2 choses bien différentes. Excellent cours de qualité, validé 100 % #Menu Burger horizontale.
Carl Brison
Carl Brison
Merci beaucoup, Alain ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 29/06/2022
Extra! Je m'amuse bien...
Carl Brison
Carl Brison
Merci ;-))) !
Valérie Arno
Valérie Arno
Publié le 01/06/2022
Un tuto simple mais qui donne de la réflexion avec les classes actives. Une nouvelle façon d'utiliser le menu burger, avec un joli design. Toutes les explications sont là avec une petite dose de JavaScript pour ne pas perdre la main :) Merci Carl.
Carl Brison
Carl Brison
De rien Valérie ;-) Passez une bonne journée

Vos questions sur le cours

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

CSS 3

Que contient le fichier source ?

Le code source de ce tutoriel.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données