TUTO JS moderne, EXO #16, Créer un menu Burger explosif sur Tuto.com

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

Un cours de

Promo -40% Jusqu'au 07 septembre, 23:59

7,19€11,99€

5,0

34m27

Débutant

QCM

Certificat de compétences

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Table des matières

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

Leçon 2

Leçon 3

Leçon 4

Leçon 5

Table des matières

Leçon 1Mise en place des bases de la page web

05m15

Leçon 2Mise en place de la zone burger

07m41

Leçon 3Mise en place de la zone menu

13m12

Leçon 4Mise en place du code

06m23

Leçon 5Conclusion

01m56

Aperçus

Avis des apprenants

Détail des avis

22

Apprenants

3

Commentaires

5/5

Note moyenne

5/5

3

4/5

0

3/5

0

2/5

0

1/5

0

Alain Tardif

Publié le 07/02/2025

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

Merci beaucoup pour votre commentaire très gentil, Alain ;-)

Valérie Arno

Publié le 20/08/2024

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

Très heureux que ce tuto vous ait plu. Merci beaucoup pour votre commentaire très gentil ;-)

Serge Delattre

Publié le 24/06/2024

tuto à conserver précieusement pour mémoire, les bases sont claires et précises.

Carl Brison

Merci beaucoup pour votre commentaire très gentil ;-)

Formateur

5

Voir ses cours

Prérequis

,

Débutant

Accessibilité

Sous-titres disponibles

Ressources téléchargeables

Fichiers sources (1.24 Mo)

Catégories

Programmation JavaScript

Cours publié le 21/06/2024
Langue : Français
ID : 158401

Vos questions sur le cours

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

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source du document

+ 1,000,000 d’apprenants et d’entreprises se forment au quotidien sur Tuto.com

Paiement 100% sécurisé

Ce certificat garantit la sécurité de toutes vos connexions par cryptage.

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.