Cooking

Maîtriser GSAP : créer des animations pour ton site web


☝️Pour qui ?

La formation GSAP s’adresse aux développeurs avec un profil plutôt intégrateur ou front-end, qui souhaitent ajouter des interactions visuelles avec l’internaute.

Pour bien aborder la formation je te conseille :

  • Être à l’aise avec le HTML ;
  • Pratiquer régulièrement le CSS ;
  • Avoir des notions de JavaScript


⏰Quand ?

La formation n’est pas encore disponible.

🎬 Le déroulé de la formation

Idee

Introduction à l’animation

  • Pourquoi ajouter des animations dans un site web ?
  • Appliquer les 12 principes d’animations au web
  • Les bases de l’interpolation
  • Comment décomposer une animation ?

🎯Objectifs

Comprendre les principes d’animations et être capable de décomposer une animation dans une page web.

Temps

Découvrir la librairie de Greensock

  • Des exemples de réalisation avec GSAP
  • GSAP, qu’est-ce que c’est ?
  • Installer GSAP
  • Les bases de GSAP
  • Créer des micro-animations au survol d’un élément HTML
  • Animer l’apparition/disparition d’une boite de dialogue

🎯Objectifs

Créer ses 1ères animations avec les fonctions de base de GSAP.

Timing

Se perfectionner avec GSAP

  • Contrôler le rythme d’une animation
  • Maîtriser les séquences d’animation
  • Créer ses propres timelines
  • Animer l’affichage/masquage d’un menu ?

🎯Objectifs

Maîtriser les enchaînements et les superpositions d’animations.

Realite Virtuelle

Aller plus loin

  • Les évènements déclenchés par GSAP
  • Créer un slider/carousel avec GSAP
  • Les outils de GSAP
  • Découvrir les plugins payant de GSAP

🎯Objectifs

Être capable de créer des logiques personnalisées qui s’appuie sur l’animation.

Rockstar

Enrichir et fluidifier l’expérience de l’internaute

  • Lancer une animation lorsqu’un élément apparaît dans l’écran
  • Créer des transitions entre les pages

🎯Objectifs

Combiner GSAP avec d’autres API ou d’autres librairies.