Développement Web avec Node.js et Express
Développement Web avec Node.js et Express
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
Plan détaillé du cours
Leçon 1Mise en place du code de base
11m06
Leçon 2Mise en place du détail des zones header et footer
07m25
Leçon 3Mise en place du détail de la zone Nav
11m21
Leçon 4Mise en place du détail de la zone article
10m11
Leçon 5Connaître le niveau scrollé par l'utilisateur
11m52
Leçon 6Obtenir la valeur 1 au maximum à notre calcul
05m11
Leçon 7Mise en place de la barre de progression
05m09
Leçon 8Mise en fonctionnement de la barre de progression
05m36
Leçon 9Conclusion
01m11
Aperçus
Avis des apprenants