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 souhaite 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
Introduction à l’animation
- Pourquoi ajouter des animations dans un site web ?
- Appliquer les 12 principes d’animations au web
- Les bases de l’interpolation
🎯Objectifs
Comprendre les principes d’animations et être capable de décomposer une animation dans une page web.
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.
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.
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.
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.