While SVG is simple and intuitive, it has a lot to offer in terms of building complex interactive graphics, animations and special effects. With a little bit of math and good understanding of the API, you will be able to fully express your creative ideas and build advanced data charts, widgets and animated scenes, without having to rely on code and libraries that other people wrote.
After you watch this course, you will gain deep knowledge not only on all the shapes, animations and advanced filter effects that SVG provides, but on optimising, removing redundant markup and reducing your file sizes.
Once done, you will be able to export, optimise and animate SVG graphics generated in softwares like Figma and Adobe Illustrator. Furthermore, you will be able to programatically generate SVG graphics with Javascript and import them in a design software, so you can create truly random, programmatic pieces of vector art.
The subtitles are automatically generated, so the quality of the captions may vary.8 sections • 17 lectures • 9 hours 12 mins
-
Welcome3 lectures 2 Hours 7 Mins
-
00:40 Mins
-
17:48 Mins
-
1 Hour 49 Mins
-
-
Building interactive charts in SVG5 lectures 3 Hours 24 Mins
-
1 Hour 7 Mins
-
51:48 Mins
-
39:23 Mins
-
28:37 Mins
-
19:42 Mins
-
-
Interactive graphics with SVG1 lectures 32:28 Mins
-
32:28 Mins
-
-
SVG animation2 lectures 1 Hour 15 Mins
-
41:33 Mins
-
34:06 Mins
-
-
SVG optimisation2 lectures 36:47 Mins
-
25:50 Mins
-
10:57 Mins
-
-
Advanced Effects in SVG1 lectures 34:40 Mins
-
34:40 Mins
-
-
Using SVG with Adobe Illustrator2 lectures 41:04 Mins
-
18:24 Mins
-
22:40 Mins
-
-
Conclusion1 lectures 00:59 Mins
-
00:59 Mins
-