Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
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
Mise en place du code HTML de base
Leçon 2
Mise en place du code CSS
Mise en place du code CSS
Leçon 3
Calcul de la distance entre le haut du document et la barre de Nav
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
On fixe la barre de nav à l'écran
Leçon 5
Modification de la barre de Nav une fois arrivée sur l'article
Modification de la barre de Nav une fois arrivée sur l'article
Leçon 6
Conclusion
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