4.8/5 Trustpilot (1400 avis)
NavBar Responsive #1 : Dominez les Sélecteurs CSS pour un Menu Ultra-Design
NavBar Responsive #1 : Dominez les Sélecteurs CSS pour un Menu Ultra-Design
Afin de continuer de mettre en pratique les différentes techniques jQuery enseignées durant ma formation "jQuery facile", je vous propose de réaliser un exercice d'application concret où nous allons créer un menu de navigation responsive à l'aide de HTML, CSS et jQuery.
- Le menu sera composé d'un logo, d'une icône de menu hamburger et de plusieurs liens de navigation.
- Lorsque l'utilisateur cliquera sur l'icône de menu burger, le menu se déploiera en dessous de l'en-tête, avec les liens de navigation organisés verticalement.
- Le menu utilise également Font Awesome pour ajouter des icônes aux liens de navigation, et Google Fonts pour appliquer une police personnalisée au texte du menu.
- Le CSS est utilisé pour définir la mise en page et le style du menu, tandis que le jQuery est utilisé pour rendre le menu réactif en cliquant sur l'icône de menu.
Je mets les codes de cet exercice à votre disposition
Pour apprendre rapidement et facilement le jQuery : découvrez premier cours gratuit consacré à la découverte de jQuery !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mettre en place le code HTML
Mettre en place le code HTML
Leçon 2
Mettre en forme la zone HEADER
Mettre en forme la zone HEADER
Leçon 3
Mettre en place le menu burger
Mettre en place le menu burger
Leçon 4
Mettre en place un media queries
Mettre en place un media queries
Leçon 5
Ecrire le programme jQuery
Ecrire le programme jQuery
Leçon 6
Conclusion
Conclusion
Table des matières
Leçon 1
Mettre en place le code HTML
05m20
Leçon 2
Mettre en forme la zone HEADER
10m10
Leçon 3
Mettre en place le menu burger
04m15
Leçon 4
Mettre en place un media queries
06m07
Leçon 5
Ecrire le programme jQuery
08m36
Leçon 6
Conclusion
01m20
Aperçus
Avis des apprenants