Dev. FrontEnd#4 : Réaliser un menu responsive facilement
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Dev. FrontEnd#4 : Réaliser un menu responsive facilement

Carl Brison
10,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Apprenez à créer un menu responsive complet

J'ai l'immense plaisir de vous proposer ce nouveau tuto vidéo dont la connaissance est une base indispensable de nos jours pour tout développeur Front-End, à savoir la mise en place d'un menu responsive.

Dans ce tuto nous allons voir ce qu'il y a de plus classique, ce que l'on retrouve le plus couramment sur un site Internet :

  • Un menu horizontal pour les grands écrans (type écran d'ordinateur)
  • Un menu hamburger pour les petits écrans (type écran de smartphone)

Pour cela nous utiliserons le CSS 3, notamment les flexbox (je vous invite à suivre mon tuto sur l'apprentissage des flexbox si cela n'est pas déjà fait) et nous utiliserons jQuery (je vous invite à suivre mon tuto sur l'apprentissage de jQuery si cela n'est pas déjà fait).

A la fin de ce tuto, vous serez très à l'aise dans la construction d'un menu responsive !
Je mets à votre disposition le script du tuto. Un QCM vous permettra de tester vos nouvelles connaissances sur le sujet ! Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Présentation du travail
Leçon 2
Mise en place du HTML et de la base CSS
Leçon 3
Création du menu hamburger 1/2
Leçon 4
Création du menu hamburger 2/2
Leçon 5
Mise en place du jQuery
Leçon 6
Conclusion
Leçon 7
Bonus

Plan détaillé du cours

Leçon 1Présentation du travail
02m01s
Leçon 2Mise en place du HTML et de la base CSS
08m40s
Leçon 3Création du menu hamburger 1/2
06m47s
Leçon 4Création du menu hamburger 2/2
06m41s
Leçon 5Mise en place du jQuery
08m06s
Leçon 6Conclusion
01m45s
Leçon 7Bonus
05m

Avis des apprenants

Détail des avis
54
Apprenants
12
Commentaires
5/5
Note moyenne
5/5
11
4/5
1
3/5
0
2/5
0
1/5
0
Joel Valentin
Joel Valentin
Publié le 08/04/2024
Bonjour Carl, Super tuto que j'ai pris plaisirs à regarder pour bien m'imprégner du CSS. La qualité de tes cours est toujours au rendez-vous. Bonne continuation et à Bientôt !
Carl Brison
Carl Brison
Merci beaucoup pour ton commentaire très gentil ;-)
Antonio Coelho
Antonio Coelho
Publié le 02/04/2024
Merci bcp c’est ce que je voulais
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)
Alain Tardif
Alain Tardif
Publié le 10/02/2023
Super tuto sur le sujet hamburger. J'ai bien aimé les deux méthodes proposées, soit en display: block; soit en display: flex;. Merci pour la qualité de vos tutos. Validé 100 % DevFrontEnd#4
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

CSS 3, jQuery

Que contient le fichier source ?

Le script du tuto

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données