Créez des animations avec GreenSock
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Créez des animations avec GreenSock

Enzo Ustariz
49,99€
3 paiements de 16,33€ avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans cette formation en vidéo, vous allez apprendre à créer des animations professionnelles en JavaScript, avec la fameuse librairie GreenSockGreenSock est le pilier de l'animation dans le développement web. En effet, 70% sites élus "Meilleurs WebDesign de l'année" s'en servent de près ou de loin.

Pour suivre cette formation, il est préférable de connaître les fondamentaux de JavaScript, HTML et CSS.
 

Au programme de cette formation animations avec GreenSock

Ce cours en ligne est découpé en 2 parties : 

  • 1 partie théorique, dans laquelle vous apprendre à utiliser la librairie GreenSock.
  • 1 partie pratique,  pour mettre en application vos connaissances, avec 2 projets concrets.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Bonne découverte de Greensock et bonne création d'animations ! 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Les bases de GreenSock
Chapitre 3
Découverte des Timelines
Chapitre 4
Projets Greensock
Chapitre 5
Animer au scroll avec ScrollTrigger
Chapitre 6
Projets au Scroll
Chapitre 7
ANCIEN COURS Introduction

Plan détaillé du cours

Chapitre 1 : Introduction
05m41
 
Leçon 1Introduction
Leçon 2Code source
Leçon 3Explication du site
Chapitre 2 : Les bases de GreenSock
49m17
 
Leçon 1La méthode to()
Leçon 2La méthode from()
Leçon 3La méthode fromTo()
Leçon 4Les propriétés "repeat" et "delay"
Leçon 5Les "easings"
Leçon 6Comprendre "Stagger"
Leçon 7La fonction "random"
Leçon 8Utiliser un keyframes
Leçon 9Déclencher des fonctions callback
Leçon 10Enregistrer des tweens
Leçon 11La méthode set()
Leçon 12"Yoyo" et les méthodes des tweens
Chapitre 3 : Découverte des Timelines
25m
 
Leçon 1Notre première Timeline
Leçon 2Les paramètres de position
Leçon 3Les paramètres utilitaires de la Timeline
Leçon 4Les fonctions add et addLabel
Chapitre 4 : Projets Greensock
37m24
 
Leçon 1Projet Accueil animé
Leçon 2Projet Accueil Restaurant
Leçon 3Slider vertical
Leçon 4Slider Horizontal partie 1
Leçon 5Slider Horizontal partie 2
Leçon 6Slider Horizontal partie 3
Chapitre 5 : Animer au scroll avec ScrollTrigger
25m52
 
Leçon 1Découverte de ScrollTrigger
Leçon 2La position du Trigger et du Scroll
Leçon 3Les évenements et actions
Leçon 4Le "scrub" et le "pin"
Chapitre 6 : Projets au Scroll
25m46
 
Leçon 1Projet scroll multiple
Leçon 2Projet frise historique
Leçon 3Projet Scroll Rocket Space X
Chapitre 7 : ANCIEN COURS Introduction
06m53
 
Leçon 1Introduction
Leçon 2Examples de sites utilisant GreenSock
Leçon 3Découverte du Site
Chapitre 8 : ANCIEN COURS Apprentissage des concepts et méthodes de GreenSock
58m55
 
Leçon 1Code source et mise en place
Leçon 2Découverte de To, FromTo, From
Leçon 3Les Easing
Leçon 4Ajouter des fonctions CallBack
Leçon 5Ajouter un Delay, cibler plusieurs éléments et Stagger
Leçon 6Les Timelines
Leçon 7Position relatif et absolu, plus Label
Leçon 8Contrôler la Timeline Partie 1
Leçon 9Contrôler la Timeline Partie 2
Leçon 10Faire un cycle avec la méthode Stagger !
Leçon 11Les différences TimelineLite et TimelineMax, création d'un Loader
Leçon 12Toutes les différences entre "Lite" et "Max"
Chapitre 9 : ANCIEN COURS Projet numéro 1 : Agence Ad Hoc
33m55
 
Leçon 1Présentation du Projet et création de l'HTML
Leçon 2Projet 1 : Partie CSS
Leçon 3Projet 1 : Animation GSAP, partie 1
Leçon 4Projet 1 : Animation GSAP, partie 2
Leçon 5Projet 1 : Mise en place des Médias Queries
Chapitre 10 : ANCIEN COURS Projet 2 : Agence LinkGoals
30m22
 
Leçon 1Présentation du Projet et création de l'HTML
Leçon 2Partie CSS
Leçon 3Projet 2 : Animations GSAP partie 1
Leçon 4Projet 2 : Animations GSAP partie 2
Leçon 5Projet 2 : Mise en place des Queries

Avis des apprenants

Détail des avis
189
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Pascal Aulagner
Pascal Aulagner
Publié le 15/05/2019
Bonjour et merci infiniment pour ce super Tuto, clair net precis . C'est du Baccarat. Un vrai plaisir a suivre. Ici aussi on en redemande !
Enzo Ustariz
Merci beaucoup pour ce retour et cet avis positif, c'est ce genre de commentaire qui me donne la force de produire plus de cours. À très vite, Enzo.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

JavaScript

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard ou en 3x

Prix d'achat : 49,00 €
Pour payer plus tard ou en plusieurs versements échelonnés, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez plus tard ou en plusieurs fois

3 paiements de 16,33 €
tous les mois, sans intérêts
Total : 49,00 €
Afficher les conditions : Klarna
Klarna : conditions d'utilisation du paiement différé en 3 échéances.

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données