JavaScript Animations and Transitions with Greensock,BarbaJS

Learn how to create immersive animations and transitions with Greensock library and Barba.js

If you ever watch the awwwards or FWA websites you definitely thought to yourself.. how can i create those fancy and amazing animations in my own website? which technology they use ? and how they thought of it ?

What you’ll learn

  • How to make smooth animations with js.
  • How to work with GSAP and BarbaJS.
  • Learn to create your own special animations.
  • How to animate anything with gsap.
  • Svg animation and more.

Course Content

  • Introduction –> 1 lecture • 2min.
  • What is GSAP ? –> 2 lectures • 26min.
  • Timeline Animations –> 2 lectures • 25min.
  • Page transition with Barba.js –> 2 lectures • 33min.
  • Scrolltrigger Animations –> 2 lectures • 30min.

JavaScript Animations and Transitions with Greensock,BarbaJS

Requirements

  • Html/CSS/Javascript knowledge of begginer.

If you ever watch the awwwards or FWA websites you definitely thought to yourself.. how can i create those fancy and amazing animations in my own website? which technology they use ? and how they thought of it ?

that is the reason i started to create this course and to teach any developer/designer how to create smooth and immersive animations like i’ve seen

in awwwards and fwa websites and more amazing web inspirations that i saw along my journey to be creative in the web industry.

also you will be familiar with the top JavaScript animation library aka GreenSock, and the light weight javascript library Barba.js to create nice transitions between pages and more.

the course will continue to add more content about web animations/transitions, and we will add in the next few weeks interactive challenges with the students for us to contact with our students and to see what they learn along the course and how creative they can be with the toolset we give them among this course.

 

What you’ll learn

  • Make custom Animations and Transitions
  • How to use GSAP/BARBA.JS
  • Make immersive and beautiful animations
  • Svg animations, Scrolltrigger animations, Sequence animation, Page transitions and more

Are there any course requirements or prerequisites?

  • Basic HTML, CSS, and JavaScript knowledge
  • Code editor Install
  • Web Browser

Who this course is for:

  • Web Designers
  • Web Developers
  • Front/Back-end Developers