Instructional Designer
SVG Courses
Create Scalable Vector Graphics that look sharp on any device. Learn about Scalable Vector Graphics (SVG) through a variety of courses and resources from Frontend Masters.
Practical CSS Layouts
Learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists.
drag handle
Data Visualization First Steps
Software Engineer & Educator
Friendly, high-level intro to basic concepts of data visualization using Observable plot.
drag handle
Introduction to D3.js
Data Sketches
Build custom charts with D3.js using data binding with the enter-update-exit pattern. Learn scales and animation between different D3 layouts.
drag handle
SVG Essentials & Animation, v2
Google
Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!
drag handle
Design for Developers
Google
Become self-sufficient for the entire process from concept to design to implementation. Learn the creation & execution of complete front-end experiences!
drag handle
Building Custom Data Visualizations
Data Sketches
Learn visualization principles and process for building custom advanced data visualizations with D3.js and SVG with Shirley Wu.
drag handle