SVG From Scratch

Course link - https://www.awwwards.com/academy/course/building-vector-graphics-uis-and-animations-with-svg-from-scratch

Course examples - https://svg-fundamentals-awwwards-course.georgi-nikolov.com/

Github repo - https://github.com/gnikoloff/svg-fundamentals-awwwards-course

I created a course on AWWWARDS for building vector graphics, UIs and animations with SVG from scratch

It covers everything one needs to know to build highly optimised and interactive vector graphics:

1. SVG rendering is covered in detail, including all kinds of drawing primitives
2. Different kinds of charts and graphs
3. Interactive drawing apps
4. CSS / SMIL Animations
5. Advanced SVG filters and special effects
6. Importing and optimising graphics built by GUIs like Adobe Illustrator
7. Generating procedural random graphics with JS and exporting them to Adobe Illustrator