Creative SVG Animation From Scratch [2022]

If you are a developer or a designer and want to improve your visual skills, this course is the perfect match for you. Nowadays, it’s not possible to impress someone by creating boring regular web pages and applications. It’s not the 2010s anymore and users really care about visualization. And using SVGs is the best and the easiest way to create your own drawings and animate them on your web applications.

In this course, we are gonna be creating awesome real–world projects that will be an inspiration for your imagination. We are gonna begin with the basics of the SVG and learn how to create shapes using an HTML file and how to use SVG properties. And then you are gonna see how easy to create incredible vectors by using a free design tool which is called Figma. After that, we will dive into CSS animations and learn how to animate elements, how to use transform, transitions, and keyframes. And finally, we are gonna create our own projects and learn about advanced techniques of SVG animations.

If you are a beginner at animations, don’t worry, everything in this course is from scratch. You don’t have to know advanced CSS or JavaScript. The only prerequisite is understanding how HTML and CSS codes work. We are going to be covering all those awesome CSS animation properties and JavaScript DOM manipulation basics.