SVG Animation with JavaScript

You feel comfortable with SVG and CSS animations, but there’s something missing, isn't there? Because CSS animations can take us only so far. If you wish to take your animation skills to another level, SVG Animation with JavaScript is the course for you
Course info
Rating
(15)
Level
Intermediate
Updated
Jul 9, 2018
Duration
54m
Table of contents
Description
Course info
Rating
(15)
Level
Intermediate
Updated
Jul 9, 2018
Duration
54m
Description

Have you ever struggled creating SVG animations with CSS? If so, this is the perfect course for you. In this course, SVG Animation with JavaScript, you will learn how to animate in an easy and maintainable way. First, we will get to know the different native and external libraries available in the browser. Next, we will learn how to prototype animations and finally, we will learn how to animate our SVGs using the GreenSock Animation Platform. When you’re finished with this JavaScript course, you will not only be able to create impressive animations with GreenSock but also you will feel comfortable enough to be creative without any technological concern. Software required: Adobe Illustrator and a Code Editor like Visual Studio Code.

About the author
About the author

Eva Ferreira is a freelance Front-End developer with a passion for teaching, currently working on CSSConf Argentina!

Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
(music) Hi everyone. My name is Eva Ferreira and welcome to my SVG Animation with JavaScript course. I am a front-end developer and goal developer expert who loves animation. In this course we are going to learn how to animate illustrations using JavaScript. Some of the major topics that we will cover include how to prototype animations from the original idea to getting the right assets, how to correctly export and optimize your SVGs using Adobe Illustrator, how to choose the correct library for your project from native libraries to external resources, how to animate using the GreenSock animation platform and how to export animations from After Effects into fully functional code with just a few clicks. By the end of this course you will know how to build animations from the ground up using not only JavaScript, but also your creativity in the full process. Before beginning the course you should be familiar with basic JavaScript and SVG. I hope you will join me in this journey to learn animation with the SVG with JavaScript Animation course at Pluralsight.