NavBar Responsive #3 : Menu responsive avec sous-menus
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO NavBar Responsive #3 : Menu responsive avec sous-menus

Carl Brison
Vente flash ! -20% Jusqu'au 26 mai, 09:39
15,95€19,95€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Créer un Menu Responsive avec Sous-menu en HTML, CSS et JavaScript 🚀

Bienvenue dans ce troisième épisode consacré à la création d’une barre de navigation responsive !
Vous souhaitez intégrer un menu moderne, fluide et adapté à tous les écrans sur votre site web ?
Dans ce tutoriel, je vous guide pas à pas pour concevoir un menu responsive avec sous-menus en utilisant HTML, CSS et JavaScript.

Au programme de ce tuto menu responsive avec sous-menu

  • Structurer le menu en HTML,
  • Styliser avec du CSS pour un design attractif et responsive,
  • Ajouter du JavaScript pour gérer l’affichage des sous-menus,
  • Adapter le menu pour les mobiles avec une version "burger menu".

Que vous soyez débutant ou développeur confirmé, ce tuto vous permettra de créer un menu dynamique et professionnel en toute simplicité. Prêt à coder ? 🎯

Suggestion: Et si vous passiez votre Certification FrontEnd avec moi ?!

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du HTML
Leçon 2
Mise en forme du header
Leçon 3
Mise en forme des liens
Leçon 4
Mise en place d'un media queries
Leçon 5
Faire fonctionner le menu
Leçon 6
Créer un premier sous-menu
Leçon 7
Mise en forme du sous-menu

Plan détaillé du cours

Leçon 1Mise en place du HTML
02m51
Leçon 2Mise en forme du header
07m52
Leçon 3Mise en forme des liens
05m34
Leçon 4Mise en place d'un media queries
06m04
Leçon 5Faire fonctionner le menu
08m57
Leçon 6Créer un premier sous-menu
03m01
Leçon 7Mise en forme du sous-menu
05m07
Leçon 8Sélecteur CSS avancé
05m51
Leçon 9Ajouter un nouveau dropdown
06m51
Leçon 10Activer le dropdown cliqué
05m25
Leçon 11Fermer les autres dropdowns
03m41
Leçon 12Clic en dehors du dropdown pour le fermer
04m18
Leçon 13Dropdown sur les petits écrans
09m50
Leçon 14Effectuer une rotation sur l'icone chevron
04m05
Leçon 15Fermer le menu sur clic d'un lien
07m07
Leçon 16Fermer le dropdown sur clic d'un lien
02m34

Aperçus

Vos questions sur le cours

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

HTML , CSS

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le code source complet de ce tuto.

Payer plus tard

Prix d'achat : 15,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 1472 tutos gratuits

Notre politique de protection des données