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

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

Carl Brison
9,99€
Acheter maintenant, payer plus tard. En savoir plus

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
02m01
Leçon 2Mise en place du HTML et de la base CSS
08m40
Leçon 3Création du menu hamburger 1/2
06m47
Leçon 4Création du menu hamburger 2/2
06m41
Leçon 5Mise en place du jQuery
08m06
Leçon 6Conclusion
01m45
Leçon 7Bonus
05m

Avis des apprenants

Détail des avis
154
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

Payer plus tard

Prix d'achat : 9,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données