$ 12.00

Tuto Un slideshow responsive et fullscreen avec jQuery et GreenSock avec JavaScript, jQuery

$ 12.00

  • Une formation vidéo de 1h08m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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.

Table des matières de cette formation JavaScript, jQuery (durée : 1h08m)

  • Introduction
    • Présentation du slideshow gratuit 00:01:10
  • HTML et CSS
    • Construire le HTML 00:08:44
    • Construire le CSS 00:09:34
  • Javascript
    • Récupérer les informations data- 00:10:25
    • La fonction creeVisuel 00:03:57
    • L'objet VisuelSlideShow - Partie 1 00:08:45
    • L'objet VisuelSlideShow - Partie 2 00:13:04
    • Incrémentation et nettoyage 00:05:08
    • Diffusion d'événements personnalisés 00:05:58
  • Post-scriptum
    • Tester le nettoyage 00:02:01



Formateur : Graphoeil

Graphoeil a publié 7 tutoriels et obtenu une note moyenne de 4,2/5 sur 153 tutoriels vendus. Voir les autres formations de Graphoeil

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    JavaScript , jQuery
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1560 tuto gratuits


non, je ne veux pas me former gratuitement