Building Advanced JavaScript Animations with GSAP

This course will teach JavaScript developers, who have already completed the first Animation with GSAP course, or have a good understanding of JavaScript, animation in general.
Course info
Level
Intermediate
Updated
Apr 15, 2017
Duration
2h 38m
Table of contents
Description
Course info
Level
Intermediate
Updated
Apr 15, 2017
Duration
2h 38m
Description

GreenSock has been around since ActionScript 2 and Flash, since then it has kept up with the industry and turned into one of the leading JavaScript animation libraries. In this course, Building Advanced JavaScript Animations with GSAP, you'll be learning some of the plugins that are associated with paid version of GreenSock. First, you'll explore how to MorphSVG. Next, you'll discover how to DrawSVG. Finally, you'll learn about ScrambleText and also SplitText. By the end of this course, you'll know how to create some unbelievable animation for creative storytelling and games.

About the author
About the author

Todd Shelton is a Front-End Web Developer making mobile/web applications. He is a lecturer at IUPUI's School of Informatics and Computing in Indianapolis, Indiana. He runs a successful user group called Dev Workshop, and hosts an annual conference in Indianapolis, IN called Dev Workshop Conf.

More from the author
JavaScript Animation with GSAP
Beginner
3h 12m
Apr 7, 2016
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Todd Shelton, and welcome to my course, Building Advanced JavaScript Animations with GSAP or GreenSock Animation Platform. I'm a freelance developer, as well as a professor down at Indiana University doing front-end and mobile web development. GreenSock's been around since Action Script 2 and Flash. Since then it's kept up with the industry, and turned into one of the leading JavaScript animation libraries. In this course we're going to be covering some of the plugins that are associated with the paid version of GreenSock. Some of the major topics that we'll cover include drawing SVG, morph SVG, scramble text, and also split text. By the end of this course you'll know how to create some unbelievable animation for creative storytelling or games. Before beginning this course, though, you need to become a club GreenSock member to get the plugins needed to complete this course. From here you'll feel comfortable about creating interactive websites with a lot of animation. I hope you'll join me on this journey to learn GreenSock with Building Advanced JavaScript Animations with GSAP course at Pluralsight.

Animated Opening for Final Application
In this last module we're going to be bringing everything that we've learned together into one project. So what are we going to be doing in this last module? First of all, we're going to be creating a web banner. I hate to admit it, but I used to create them all the time using Flash, and actually it made me quite a bit of money. We used GreenSock back then. Of course, that was an action script, but now we use HTML, CSS, JavaScript with GreenSock in it. We're going to learn different ways to manipulate SVGs. Now we've done this earlier in the modules, but I've set them up in a different way, so we can see how to move them in different scenarios. We're going to see how a timeline helps us set up this last web banner, and we're also going to talk about how to make all of this fit together in one cohesive project.