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.