Next.js : Cours Complet
Next.js : Cours Complet
Ce tuto Javascript, vous permettra d'acquérir des compétences d'animations sur la librairie JS : GSAP de chez Greensock.
GSAP est un peu le "couteau suisse" de l'animation Javascript. 20 fois plus rapide que jQuery, GSAP se veut flexible et est recommandé par Google pour la création d'animations Javascript. GSAP permet d'animer tous les éléments du DOM accessibles par Javascript.
Tuto : Premiers pas avec Greensock et GSAP.
Ce tuto vous donnera les bases de la librairie GSAP. Nous aborderons des animations simples et multiples, la timeline et le scénario. Nous verrons également comment utiliser la fonction callback et le contrôle de la timeline.
Le fichier projet est fourni avec ce tuto. Un salon d'entraide est également à disposition si vous êtes restez bloqués lors d'une étape de ce cours.
Si vous souhaitez animer vos interfaces en passant par Javascript, alors ce tutoriel est fait pour vous.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
Structure HTML et CSS
Structure HTML et CSS
Chapitre 3
Intégrer les bibliothèques
Intégrer les bibliothèques
Chapitre 4
Animations simples et multiples
Animations simples et multiples
Chapitre 5
Scénario et TimelineMax
Scénario et TimelineMax
Plan détaillé du cours
Chapitre 1 : Introduction
22s
Leçon 1Présentation de GreenSock et de GSAP
Chapitre 2 : Structure HTML et CSS
10m17
Leçon 1Structure de la page HTML et du fichier CSS
Leçon 2Ajouter le soleil
Chapitre 3 : Intégrer les bibliothèques
05m
Leçon 1Ajouter jQuery et GSAP à la page HTML, et création du fichier main.js
Chapitre 4 : Animations simples et multiples
24m53
Leçon 1Sélecteurs jQuery et TweenMax
Leçon 2Méthodes from et staggerFrom
Chapitre 5 : Scénario et TimelineMax
31m41
Leçon 1Créer une TimelineMax
Leçon 2Contrôler la TimelineMax
Aperçus
Avis des apprenants