4.8/5 Trustpilot (1397 avis)
Bundle 10 exercices 100% frontend HTML, CSS et JS
Bundle 10 exercices 100% frontend HTML, CSS et JS
Dans ce cours en ligne dédié à la pratique du JavaScript moderne, nous allons apprendre à mettre en place une barre de progression horizontale qui va augmenter ou diminuer sa jauge selon le défilement de la barre de scroll.
Pour cela, nous allons réaliser un site web responsive en utilisant la technologie CSS Grid, qui est une technique moderne de mise en page du CSS.
Notre barre de progression réagira en fonction de la mise en page des éléments HTML qui la compose.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation. Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
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 de base
Mise en place du code de base
Leçon 2
Mise en place du détail des zones header et footer
Mise en place du détail des zones header et footer
Leçon 3
Mise en place du détail de la zone Nav
Mise en place du détail de la zone Nav
Leçon 4
Mise en place du détail de la zone article
Mise en place du détail de la zone article
Leçon 5
Connaître le niveau scrollé par l'utilisateur
Connaître le niveau scrollé par l'utilisateur
Leçon 6
Obtenir la valeur 1 au maximum à notre calcul
Obtenir la valeur 1 au maximum à notre calcul
Leçon 7
Mise en place de la barre de progression
Mise en place de la barre de progression
Table des matières
Leçon 1
Mise en place du code de base
11m06
Leçon 2
Mise en place du détail des zones header et footer
07m25
Leçon 3
Mise en place du détail de la zone Nav
11m21
Leçon 4
Mise en place du détail de la zone article
10m11
Leçon 5
Connaître le niveau scrollé par l'utilisateur
11m52
Leçon 6
Obtenir la valeur 1 au maximum à notre calcul
05m11
Leçon 7
Mise en place de la barre de progression
05m09
Leçon 8
Mise en fonctionnement de la barre de progression
05m36
Leçon 9
Conclusion
01m11
Aperçus
Avis des apprenants