50,00

Tuto Créez des animations avec GreenSock avec JavaScript

50,00

  • Une formation vidéo de 4h59m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Créez des animations avec GreenSock

ajouter ce cours aux favoris retirer ce cours des favoris

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 ! 

Table des matières de cette formation JavaScript (durée : 4h59m)

  • Introduction
    • Introduction 00:00:43
    • Code source 00:02:39
    • Explication du site 00:02:19
  • Les bases de GreenSock
    • La méthode to() 00:08:09
    • La méthode from() 00:04:04
    • La méthode fromTo() 00:02:14
    • Les propriétés "repeat" et "delay" 00:04:59
    • Les "easings" 00:05:55
    • Comprendre "Stagger" 00:04:56
    • La fonction "random" 00:01:58
    • Utiliser un keyframes 00:02:07
    • Déclencher des fonctions callback 00:03:34
    • Enregistrer des tweens 00:03:34
    • La méthode set() 00:02:05
    • "Yoyo" et les méthodes des tweens 00:05:42
  • Découverte des Timelines
    • Notre première Timeline 00:08:15
    • Les paramètres de position 00:06:48
    • Les paramètres utilitaires de la Timeline 00:05:47
    • Les fonctions add et addLabel 00:04:10
  • Projets Greensock
    • Projet Accueil animé 00:09:33
    • Projet Accueil Restaurant 00:09:21
    • Slider vertical 00:03:37
    • Slider Horizontal partie 1 00:04:46
    • Slider Horizontal partie 2 00:03:49
    • Slider Horizontal partie 3 00:06:18
  • Animer au scroll avec ScrollTrigger
    • Découverte de ScrollTrigger 00:05:28
    • La position du Trigger et du Scroll 00:06:37
    • Les évenements et actions 00:05:24
    • Le "scrub" et le "pin" 00:08:23
  • Projets au Scroll
    • Projet scroll multiple 00:05:07
    • Projet frise historique 00:09:34
    • Projet Scroll Rocket Space X 00:11:05
  • ANCIEN COURS Introduction
    • Introduction gratuit 00:01:55
    • Examples de sites utilisant GreenSock gratuit 00:02:56
    • Découverte du Site 00:02:02
  • ANCIEN COURS Apprentissage des concepts et méthodes de GreenSock
    • Code source et mise en place 00:00:47
    • Découverte de To, FromTo, From 00:08:18
    • Les Easing 00:04:25
    • Ajouter des fonctions CallBack 00:03:37
    • Ajouter un Delay, cibler plusieurs éléments et Stagger 00:03:53
    • Les Timelines 00:04:51
    • Position relatif et absolu, plus Label 00:04:09
    • Contrôler la Timeline Partie 1 00:03:23
    • Contrôler la Timeline Partie 2 00:05:29
    • Faire un cycle avec la méthode Stagger ! 00:03:00
    • Les différences TimelineLite et TimelineMax, création d'un Loader 00:08:26
    • Toutes les différences entre "Lite" et "Max" 00:08:37
  • ANCIEN COURS Projet numéro 1 : Agence Ad Hoc
    • Présentation du Projet et création de l'HTML 00:05:26
    • Projet 1 : Partie CSS 00:08:07
    • Projet 1 : Animation GSAP, partie 1 00:05:17
    • Projet 1 : Animation GSAP, partie 2 00:08:01
    • Projet 1 : Mise en place des Médias Queries 00:07:04
  • ANCIEN COURS Projet 2 : Agence LinkGoals
    • Présentation du Projet et création de l'HTML 00:03:08
    • Partie CSS 00:08:50
    • Projet 2 : Animations GSAP partie 1 00:08:14
    • Projet 2 : Animations GSAP partie 2 00:05:15
    • Projet 2 : Mise en place des Queries 00:04:55



Formateur : Enzo Ustariz

Enzo Ustariz a publié 48 tutoriels et obtenu une note moyenne de 4,9/5 sur 1 569 tutoriels vendus. Voir les autres formations de Enzo Ustariz

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de pascal_toast laissé 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 !
    "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. "

  • 5
    avis de zyk-3d laissé le 04/05/2019
    Encore un tuto excellent d'Enzo : super pédagogie, voix, diction et rythme parfaits. On en redemande !
    "Merci beaucoup pour le retour, de nouvelles formations arrivent très vite, Enzo"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    JavaScript
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1335 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données