Duration: 4h 12m | Video: h264, 1280×720 | Audio: AAC, 48kHz, 2 Ch | 4.3 GBGenre: eLearning | Language: EnglishLearn to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites. In this course, you’ll learn to create immersive graphics and make them alive with animations!This course and others like it are available as part of our Frontend Masters video subscription.

By coding along with us in the Workshop, you’ll:Learn platonic shapes, path commands, and all about the viewBox attribute.

Learn how to build an SVG graphic both in code and in graphics programs properly optimize them.

How to create control timelines with interaction, and make complex animations that are production-ready.

How to make SVG cross-browser compatible, backward compatible, and how to optimize it properly.

How to leverage the feature-rich GreenSock API for a variety of immersive effects.

How to use a variety of tools and techniques to create a seamless and engaging complex SVG animation that guides your users and compliments your branding.