4.8/5 Trustpilot (1388 avis)
JavaScript moderne avancé - Apprendre à construire un Slider
JavaScript moderne avancé - Apprendre à construire un Slider
Dans le but de mettre en pratique les différentes techniques jQuery enseignées durant ma "formation jQuery facile", je vous propose de mettre en place une troisième application pratique.
Pour cet exercice, nous allons élaborer une galerie de photos qui sera interactive.
L'utilisateur sera en mesure de cliquer sur une image miniature pour afficher la version en grand format correspondante.
À partir de là, il pourra décider de poursuivre sa navigation en passant à l'image suivante ou à l'image précédente, ou encore de fermer la version agrandie de l'image pour revenir à la galerie initiale.
Je mets les codes de cet exercice à votre disposition.
Un QCM vous permet de valider vos nouvelles connaissances jQuery.
Pour apprendre rapidement et facilement le jQuery : découvrez le premier épisode gratuit !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mettre en place les vignettes
Mettre en place les vignettes
Leçon 2
Mettre en place la grande image
Mettre en place la grande image
Leçon 3
Mettre en place les liens suivant et précédent
Mettre en place les liens suivant et précédent
Leçon 4
Mettre en relation la grande image avec la vignette
Mettre en relation la grande image avec la vignette
Leçon 5
Faire fonctionner le lien suivant
Faire fonctionner le lien suivant
Leçon 6
Faire fonctionner le lien précédent
Faire fonctionner le lien précédent
Leçon 7
Faire fonctionner le lien de fermeture
Faire fonctionner le lien de fermeture
Table des matières
Leçon 1
Mettre en place les vignettes
10m23
Leçon 2
Mettre en place la grande image
08m51
Leçon 3
Mettre en place les liens suivant et précédent
07m26
Leçon 4
Mettre en relation la grande image avec la vignette
08m23
Leçon 5
Faire fonctionner le lien suivant
09m43
Leçon 6
Faire fonctionner le lien précédent
03m58
Leçon 7
Faire fonctionner le lien de fermeture
04m13
Leçon 8
Conclusion
02m19
Aperçus
Avis des apprenants