JS moderne, EXO #9, Modifier la Nav sur l'événement scroll
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

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

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

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

Aperçus

Avis des apprenants

Détail des avis
52
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 Vaillant
Jonathan Vaillant
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

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 1429 tutos gratuits

Notre politique de protection des données