Les animations au Scroll en 9 projets | Enzo Ustariz | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Les animations au Scroll en 9 projets

teacher avatar Enzo Ustariz, Formateur en Développement Web

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

26 Lessons (2h 54m)
    • 1. Introduction

      1:32
    • 2. Code source et éditeur

      1:23
    • 3. Intro projet 1

      3:40
    • 4. Partie Html, CSS et JS

      4:07
    • 5. Fin du projet

      9:51
    • 6. Intro projet 2

      3:03
    • 7. Partie CSS et JS

      9:30
    • 8. Intro Projet 3

      3:01
    • 9. Partie HTML

      3:55
    • 10. Partie CSS 1

      10:43
    • 11. Partie 2 CSS

      5:12
    • 12. Partie JS

      7:11
    • 13. Introduction projet 4 + CSS

      5:55
    • 14. Partie JavaScript

      15:23
    • 15. Projet 5

      8:40
    • 16. Introduction et mise en place

      5:01
    • 17. Décomposition du GIF en images

      4:16
    • 18. HTML et CSS

      3:21
    • 19. Partie SCSS

      6:30
    • 20. Partie JavaScript

      8:05
    • 21. Projet 7

      14:04
    • 22. Mise en place

      2:15
    • 23. Partie CSS

      10:44
    • 24. Partie JavaScript projet 8

      10:45
    • 25. Intro et CSS

      8:06
    • 26. Partie JavaScript projet 9

      8:09
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

46

Students

--

Projects

About This Class

Dans ce cours vous allez apprendre à créer de nombreuses animations liées au scroll.

Vous allez apprendre de la meilleure des manières, par la pratique !

En effet il existe des tonnes de librairies JavaScript qui permettent de faire des animations au scroll, et je vais donc vous montrer les plus performantes, efficaces et rapides pour réaliser de bonnes animations au scroll.

Il y aura également plusieurs projets en pure CSS, notamment pour faire un site avec un scroll horizontal ou encore pour faire du parallax très facilement.

Voici la liste des 9 projets :

  1. Animations de plusieurs couches de photos pour une page d'accueil.

  2. Zoom de background au scroll avec Jquery

  3. Grille animée avec Rellax.js

  4. Animation d'une courbe de bézier au Scroll (ScrollMagic + Greensock)

  5. Faire un site avec animations parallax en pure CSS

  6. Décomposer un GIF et animer ses images grace au Scroll

  7. Créer un site au scroll horizontal en pure CSS

  8. Créer des animations stylées de révélations de section au scroll

  9. Épingler des sections et changer les images au scroll.

Si tout cela te fait envie, suis la formation maintenant.

Meet Your Teacher

Teacher Profile Image

Enzo Ustariz

Formateur en Développement Web

Teacher

Bonjour à toi !

Je m'appelle Enzo Ustariz, tu me connais peut-être sous le pseudo "Le Designer du Web" sur les réseaux, notamment YouTube.

Je suis aussi le créateur de l'École du Web.

Mon Histoire ?

Je suis développeur Web depuis plus de 6 ans, et je me suis rendu compte du manque de contenu sur le web pour nous, Francophones.
Si tu décides d'apprendre à créer des animations avec JavaScript, fabriquer des sites et des applications web avec React, ou gérer une base de données avec Firebase, c'est un peu la croix et la bannière.

Et vu le nombre de compétences, d'outils, de F... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.