Créer un Portfolio en Grid CSS responsive sans media queries
Créer un Portfolio en Grid CSS responsive sans media queries
Dans ce tuto vidéo dédié à la pratique du JavaScript moderne, nous allons créer un diaporama d'images qui fonctionnera lorsque l'utilisateur cliquera sur le bouton "lecture" (play) et qui se stoppera lorsque l'utilisateur cliquera sur le bouton "pause". Cela sans jamais recharger la page web courante.
Pour une meilleure expérience utilisateur, nous veillerons à activer et désactiver physiquement les icônes PLAY et PAUSE lors de leur fonctionnement.
Nous indiquerons également à l'utilisateur que la lecture est en cours ou en pause, par le biais d'un affichage écrit.
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 je vous recommande les cours suivants :
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mise en place des zones principales
Mise en place des zones principales
Leçon 2
Mise en place de la suite du CSS
Mise en place de la suite du CSS
Leçon 3
Mise en place du lancement du diaporama
Mise en place du lancement du diaporama
Leçon 4
Mise en place de la pause du diaporama
Mise en place de la pause du diaporama
Leçon 5
Amélioration de l'expérience utilisateur
Amélioration de l'expérience utilisateur
Leçon 6
Conclusion
Conclusion
Plan détaillé du cours
Leçon 1Mise en place des zones principales
06m59
Leçon 2Mise en place de la suite du CSS
04m30
Leçon 3Mise en place du lancement du diaporama
13m58
Leçon 4Mise en place de la pause du diaporama
05m14
Leçon 5Amélioration de l'expérience utilisateur
11m18
Leçon 6Conclusion
01m37
Aperçus
Avis des apprenants