Réalisez des animations de qualité
Animations JS avec GreenSock
Bienvenue dans ce cours GSAP
Dans cette formation tu vas apprendre à créer des animations professionnelles de qualité en JavaScript, avec la fameuse librairie GreenSock.
Cette librairie est le pilier de l'animation dans le développement web, en effet 70% des sites élus "Meilleurs WebDesign de l'année" s'en servent de près ou de loin.
Greensock est le socle qui sert à créer des animations géniales et maintenables.
Apprenez à maîtriser les timelines
Comme dans le domaine du montage vidéo, nous allons pouvoir "monter" des animations les unes après les autres, gérer leur position, leur "easing", leur durée, ou encore éxécuter des fonctions callback à des instant précis.
Animez au Scroll avec ScrollTrigger
C'est un des nombreux plugins disponibles, il a été créé spécialement pour faciliter la création d'effets et d'interactions lorsqu'on fait défiler une page.
Besoin d'aide ?
Rejoignez la communauté sur Discord, ou suivez les tutoriels de l'École du Web sur Youtube.
Contenu du cours
- La méthode to() (8:08)
- La méthode from() (4:03)
- La méthode fromTo() (2:13)
- Les propriétés "repeat" et "delay" (4:58)
- Les "easings" (5:54)
- Comprendre "Stagger" (4:55)
- La fonction "random" (1:58)
- Utiliser un keyframes (2:06)
- Déclencher des fonctions callback (3:34)
- Enregistrer des tweens (3:33)
- La méthode set() (2:04)
- "Yoyo" et les méthodes des tweens (5:41)
- Mise en place (4:12)
- Découverte de To, FromTo, From (8:18)
- Les Easing (4:25)
- Ajouter des fonctions CallBack (3:37)
- Ajouter un Delay, cibler plusieurs éléments et Stagger (3:53)
- Les Timelines (4:51)
- Position relatif et absolu, plus Label (4:08)
- Contrôler la Timeline Partie 1 (3:22)
- Contrôler la Timeline Partie 2 (5:28)
- Faire un cycle avec la méthode Stagger ! (2:59)
- Les différences TimelineLite et TimelineMax, création d'un Loader (8:26)
- Toutes les différences entre "Lite" et "Max" (8:36)
Cliquez sur les questions
Foire aux questions.
Oui, il vous suffit de cliquer sur votre profil > gérer les abonnements > annuler l'abonnement.
Il vous suffit de rejoindre le serveur Discord dans lequel vous pouvez discuter développement web, demander de l'aide ou encore participer à des concours ou des exercices.
Le Parcours Front-End est une feuille de route vous permettant de suivre les cours qui feront de vous un développeur Front-End dans l'ordre.
Il est très important de pratiquer quand on apprend de nouvelles compétences, c'est pourquoi j'ai une page spécialement remplie de dizaines de cours et de projets pratiques!
Rejoignez des milliers d'étudiants