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 :
Table des matières de cette formation JavaScript, CSS (durée : 43m36s)
-
- Mise en place des zones principales 00:06:59
- Mise en place de la suite du CSS 00:04:30
- Mise en place du lancement du diaporama 00:13:58
- Mise en place de la pause du diaporama 00:05:14
- Amélioration de l'expérience utilisateur 00:11:18
- Conclusion 00:01:37
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Bravo Carl. Un grand merci.
-
Je trouve ce tutoriel très bien fait sur l'ajout des boutons play & pause. Les fonctions setInterval et clearInterval sont 2 outils pratiques en JavaScript qui permettent de programmer l'exécution répétée d'un code à intervalles réguliers. Il est important de bien connaître le CSS pour pouvoir correctement positionner tous les éléments. Ce cours est très bien expliqué. Je vous remercie Carl. Validé 100 % #Créer un diaporama avec bouton play & pause.
-
Un diaporama qui décolle !
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés