Udemy

Platform

Français

Language

Web Development

Category

JavaScript : Créez des animations avec GreenSock

Apprenez à faire des animations de qualités en JavaScript

4.88 (112 reviews)

Students

5 hours

Content

Jun 2021

Last Update
Regular Price

EXCLUSIVE OFFER
Exclusive  Offer
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL

What you will learn

Créer des animations avec JavaScript

Apprendre à utiliser la fameuse librairie GreenSock

Réaliser des sites au Design épuré et professionnel

Garantie satisfait ou remboursé de 30 jours


Description

**Le meilleur Cours sur les Animations JavaScript en Français !**


Bonjour à toi !

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.
Cette librairie nous offre une grande quantité de méthodes, qui ont pour but de faciliter la vie du devéloppeur Front-End.

Elle a également un concept génial : Les Timelines.
En effet 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.

Récemment Greensock a également sorti un plugin : ScrollTrigger !
Avec celui ci on peut directement animer au scroll avec Greensock, plus besoin de librairie externe.

Greensock est également compatible avec les Canvas, WebGL, React, Vue et j'en passe...

Oh, et
si tu es fan des sites répertoriés sur Awwwards, ce cours est fait pour toi!

Pour cette formation il est préférable que tu connaisses les bases de JavaScript, HTML et CSS.

Rendez-vous de l'autre côté pour commencer à coder.


Screenshots

JavaScript : Créez des animations avec GreenSock
JavaScript : Créez des animations avec GreenSock
JavaScript : Créez des animations avec GreenSock
JavaScript : Créez des animations avec GreenSock

Content

Introduction

Introduction

Examples de sites utilisant GreenSock

Présentation du Site

Apprentissage des concepts et méthodes de GreenSock

Mise en place

Découverte de To, FromTo, From

Les Easing

Ajouter des fonctions CallBack

Ajouter un Delay, cibler plusieurs éléments et Stagger

Les Timelines

Position relatif et absolu, plus Label

Contrôler la Timeline Partie 1

Contrôler la Timeline Partie 2

Faire un cycle avec la méthode Stagger !

Les différences TimelineLite et TimelineMax, création d'un Loader

Toutes les différences entre "Lite" et "Max"

Projet numéro 1 : Agence Ad Hoc

Présentation du Projet et création de l'HTML

Projet 1 : Partie CSS

Projet 1 : Animation GSAP, partie 1

Projet 1 : Animation GSAP, partie 2

Projet 1 : Mise en place des Médias Queries

Projet 2 : Agence LinkGoals

Présentation du Projet et création de l'HTML

Projet 2 : Partie CSS

Projet 2 : Animations GSAP partie 1

Projet 2 : Animations GSAP partie 2

Projet 2 : Mise en place des Queries

Allez plus loin.

Félicitations !


Reviews

j
janick15 March 2021

Excellent, merci de faire le cours en JS Vanilla. trop de gens passent a Jquery sans connaitre le JS pur.

M
Mickael14 September 2020

Super formation ! Permet d'avoir de bonne base et de commencer à réellement s'amuser Les projets sont de qualité, et peuvent vraiment servir plus tard ou même pour étoffer un peu son folio ! Foncez les yeux fermé

S
SASSON13 May 2020

Oui, mais encore une fois tu aurais put zoomer avec ton éditeur de texte comme font les autres formateur, ormis cela qui m'a un peut géné le cous est bon en lui même.

B
Baptiste27 April 2020

Très bon court encore une fois ! C'est le deuxième que je suis et à chaque fois, j'apprends énormément de choses. Je recommande donc ce cours à tout le monde !

T
Thibault20 April 2020

Formation assez courte mais utile. Bon formateur et surtout très réactif face aux questions posé sur son discord, chose assez rare !

P
Philippe16 August 2019

Très bonne formation d'initiation à GreenSock. Elle est bien expliquée et les mises en situations sont parlantes.

D
Daniel8 August 2019

Je m'attendais à quelque chose de plus élaborer assez déçu on trouve sur youtube des projets bien plus élaborer.

A
Antoine12 June 2019

Très bonne mise en bouche, une suite serait impeccable ! Le cours est très bien fait et complet, je recommande :)


2217966

Udemy ID

2/13/2019

Course created date

7/28/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram