Udemy

JavaScript Animations with GreenSock (GSAP)

Enroll Now
  • 1,119 Students
  • Updated 4/2019
4.2
(313 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
1 Hour(s) 46 Minute(s)
Language
English
Taught by
David Sharkey
Rating
4.2
(313 Ratings)
2 views

Course Overview

JavaScript Animations with GreenSock (GSAP)

Take your front-end web design to the next level by adding sophisticated, interactive animations to your projects

Do you sometimes feel that your web design projects feel a little flat? Lacking a bit of pizzazz? Do you browse award-winning websites and think "I wish I knew how to do flashy stuff like that"?

If that sounds like you, then the GreenSock Animation Platform (GSAP) might be what you're looking for!

GSAP is a collections of tools that enable you to unleash your creativity and write buttery-smooth tweens and timelines.  GSAP is built for performance, compatibility, and ease-of-use. It's no wonder that over 7 million websites use GSAP to give an extra layer of polish and professionalism to their projects.

This course will teach you everything you need for a solid foundation in GSAP. Upon completion of this course, you will have all the tools you need to create stunning JavaScript animations.

The course is split into two sections:

*** Section One

In section one, we will learn the main tools and features of GSAP, including TweenMax, TimelineMax, different types of tweens, easing, playback controls, and much more. By the end of this section you will have a solid foundation to take forward into real world projects.

*** Section Two

In section two, we will apply our newfound skills and techniques to an actual webpage. We will work on the homepage of a fictional company called AlphaStar. Using various GSAP tools, we will make a variety of UI enhancements to the page to make it more interactive, engaging and eye-catching.

Who are you?

My name is David Sharkey, and I've been using GreenSock for over 4 years. From simple animations to complex timelines, I have used GSAP in a variety of projects. In my career as a web designer, I can honestly say GSAP is one of the most fun, versatile tools I have ever worked with.

Over the years, my clients have loved the extra touches that GSAP can provide, and it has made my websites stand out in a crowded market.

Why take this course?

Take this course if you want to take your front-end web design to the next level by incorporating Javascript animations into your skillset.

Mastering GSAP will unleash your creativity and free you from the restrictions of HTML and CSS. Wow your clients, earn more money and attract higher calibre employers by harnessing the amazing power of the GreenSock Animation Platform.

Complete your purchase and let's get tweening!


*****Student Feedback*****


"This course serves as an excellent introduction to GreenSock. I haven't even completed the course yet and I'm already able to make some quite complex animations. Great course, 5/5."

- John Edwards

Course Content

  • 2 section(s)
  • 19 lecture(s)
  • Section 1 The Greensock Animation Platform (GSAP)
  • Section 2 The AlphaStar Project

What You’ll Learn

  • The basics of the GreenSock Animation Platform (GSAP)
  • How to add polish and professionalism to a webpage using JavaScript animations
  • How to create sophisticated UI elements with GSAP and jQuery
  • How to use easing to add character to your animations
  • How to create complex animation timelines
  • How to put what you learn into practice on an actual website

Reviews

  • I
    Inna Sheremet
    5.0

    Very cool and useful course) Thanks

  • E
    Efraín Gonzalez Macías
    3.0

    Explica cómo usar la versión 2 de GSAP pero ya hace mucho que está la versión 3. Esperaba encontrar algo de ScrollTrigger pero no lo hay.

  • K
    Konstantin Benzing
    3.5

    The lecturer is knowledgeable and experienced in his field. The examples given are easy to understand and follow. I have learned the basics of Tweens and a timeline. The course itself does not cover the spectrum of functionalities for GSAP. I had wished for more timeline combinations and plugins (Draggable, MotionPath, ScrollTrigger, MorphSVG, Text). I had hoped for more elaborate examples, which are closer to modern web design.

  • K
    Kevin Yerena
    4.0

    Overall a useful introduction to GSAP, clear and articulate. I would have liked to have had the course end with maybe an additional video that gave a sense of direction for what to explore beyond the course on my own or to provide some resources for further learning or examples of GSAP in action.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed