Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Dans cette formation en vidéo, vous allez apprendre à créer des animations professionnelles en JavaScript, avec la fameuse librairie GreenSock. GreenSock 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
Introduction
Chapitre 2
Les bases de GreenSock
Les bases de GreenSock
Chapitre 3
Découverte des Timelines
Découverte des Timelines
Chapitre 4
Projets Greensock
Projets Greensock
Chapitre 5
Animer au scroll avec ScrollTrigger
Animer au scroll avec ScrollTrigger
Chapitre 6
Projets au Scroll
Projets au Scroll
Chapitre 7
ANCIEN COURS Introduction
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