Video Tutorial: Intro to HTML5 Animation with GreenSock (GSAP)

Want to animate your webpages or create rich HTML5 banner ads?

Discover the power and potential of GSAP, the most robust high-performance JavaScript animation library recommended by Google. Learn through live coding demos, understand its top features and plugins, and explore its application in award-winning websites and complex banner animations.

Key Insights

  • GSAP is a versatile and powerful JavaScript animation library, highly endorsed by Google for JavaScript-based animations.
  • It is widely used in creating animations for award-winning websites and complex banner advertisements.
  • Understanding JavaScript can be beneficial but GSAP's syntax is designed to be beginner-friendly.
  • The seminar will cover topics such as GSAP's key features and plugins, basic tweens and timelines, and when to utilize GSAP.
  • Participants will also engage in live coding demos to better understand the functionality of GSAP.
  • The seminar is suitable for anyone interested in web animation, including Flash animators with scripting experience, but knowledge of Flash is not a prerequisite.

What You'll Learn

  • What GSAP Does Best

    High-performance JS animation library — Google recommends it for JS animations.

  • Basic Tweens & Timelines

    Tweens animate properties; timelines sequence them for complex motion.

  • Top Plugins

    ScrollTrigger, Draggable, MorphSVG, SplitText — GSAP's signature plugins.

  • Beginner-Friendly Syntax

    Surprisingly readable — basic JavaScript knowledge is enough to start.

GSAP is the most robust high-performance JavaScript animation library on the planet, which is probably why Google recommends it for JavaScript-based animations and every major ad network supports it. GSAP is driving the animation on award-winning sites as well as complex banner animations. Knowledge of JavaScript helps, but you'll see in this seminar that the syntax is very beginner-friendly. You will be amazed with how much you can do with so little code!

Here are some of the topics you’ll learn about at this event:

  • Examples of animation on award-winning sites
  • What can GSAP do and when should you use it?
  • Basic tweens and timelines
  • GSAP’s top features and plugins
  • Live coding demos
Web Design Certificate: Live & Hands-on, In NYC or Online, 0% Financing, 1-on-1 Mentoring, Free Retake, Job Prep. Named a Top Bootcamp by Forbes, Fortune, & Time Out. Noble Desktop. Learn More.

This seminar is designed for anyone interested in learning more about what is possible in the world of web animation. It’s a must for any Flash animators with scripting experience, but knowledge of Flash is in no way required.

Topics

Learn more in these courses

Back to Blog
Yelp Facebook LinkedIn YouTube Twitter Instagram