Développer des extensions Google Chrome avec JS
Développer des extensions Google Chrome avec JS
Ce tuto vidéo Javascript vous permettra de réaliser un slideshow dynamique (aussi appelé carrousel) et responsive (qui s'adapte à la taille de l'écran depuis lequel il est consulté).
Au programme de ce tuto SlideShow animé en jQuery
Ce cours a une approche singulière, puisque nous utiliserons ici la balise HTML5 data et créons les visuels en jQuery. Cette méthode a l'avantage de ne pas charger toutes les images du slideshow au chargement de la page et donc d'améliorer les performances de votre sites Internet.
Nous utiliserons la bibliothèque GSAP de GreenSock pour la transition des images et l'animation des titres et des sous-titres.
Au programme également, la diffusion d'événements personnalisés en jQuery : fonction de nettoyage, boucle each, while, et encore bien d'autres choses...
Le fichier projet est fourni et je reste disponible pour répondre à vos questions dans le salon d'entraide.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
HTML et CSS
HTML et CSS
Chapitre 3
Javascript
Javascript
Chapitre 4
Post-scriptum
Post-scriptum
Plan détaillé du cours
Chapitre 1 : Introduction
01m10s
Leçon 1Présentation du slideshow
Chapitre 2 : HTML et CSS
18m18s
Leçon 1Construire le HTML
Leçon 2Construire le CSS
Chapitre 3 : Javascript
47m17s
Leçon 1Récupérer les informations data-
Leçon 2La fonction creeVisuel
Leçon 3L'objet VisuelSlideShow - Partie 1
Leçon 4L'objet VisuelSlideShow - Partie 2
Leçon 5Incrémentation et nettoyage
Leçon 6Diffusion d'événements personnalisés
Chapitre 4 : Post-scriptum
02m01s
Leçon 1Tester le nettoyage
Aperçus
