JS moderne, EXO #9, Modifier la Nav sur l'événement scroll
ERROR
00:00
00:00

TUTO JS moderne, EXO #9, Modifier la Nav sur l'événement scroll

Carl Brison
10,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Pour ce nouvel exercice dédié à la pratique du JavaScript moderne, nous allons nous amuser à donner des effets CSS sur une barre de navigation sous des conditions liées au JavaScript.

  • Tout d'abord, nous  fixerons la barre de navigation à l'écran lorsque celle-ci arrivera au sommet de la page web.
  • Puis lorsque l'utilisateur continuera de descendre sur la page web et qu'il arrivera sur une nouvelle zone, alors nous aplliquerons d'autres propriétés CSS à notre barre de navigation.

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
Mise en place du code HTML de base
Leçon 2
Mise en place du code CSS
Leçon 3
Calcul de la distance entre le haut du document et la barre de Nav
Leçon 4
On fixe la barre de nav à l'écran
Leçon 5
Modification de la barre de Nav une fois arrivée sur l'article
Leçon 6
Conclusion

Plan détaillé du cours

Leçon 1Mise en place du code HTML de base
07m13s
Leçon 2Mise en place du code CSS
07m26s
Leçon 3Calcul de la distance entre le haut du document et la barre de Nav
06m05s
Leçon 4On fixe la barre de nav à l'écran
07m30s
Leçon 5Modification de la barre de Nav une fois arrivée sur l'article
09m39s
Leçon 6Conclusion
01m19s

Aperçus

Avis des apprenants

Détail des avis
4
Apprenants
6
Commentaires
4,9/5
Note moyenne
5/5
5
4/5
1
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 10/09/2023
Merci Carl pour ce nouvel exercice qui m'a permis de pratiquer du JavaScript moderne en le combinant avec des effets CSS sur une barre de navigation. Les instructions étaient claires, notamment sur la façon de fixer la barre de navigation lorsque celle-ci atteint le sommet de la page web. De plus, l'ajout de nouvelles propriétés CSS à la barre de navigation lorsqu'on arrive sur une nouvelle zone était une touche très instructive. Validé 100 % #EXO9
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 25/10/2022
Super comme toujours , dommage que la note ne peut pas être supérieure à 5
Carl Brison
Carl Brison
Merci, c'est vraiment TRES gentil ;-)
Jonathan Benitez
Jonathan Benitez
Publié le 03/02/2022
Toujours un plaisir de suivre vos tuto , très bien expliquer comme d'habitude.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de l'exercice

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données