Core Coursework
(take these in order)
- +
Editor's Notes
Learn the principles of designing websites that get users to click without tricks or dark patterns! - ⠇
Web UX Design for High Converting Websites
Learn to make websites more engaging through good design, fascinating content, and solid UX in this course by Paul Boag. - +
Editor's Notes
Being able to take your code through the design process will give you more autonomy over your work! - ⠇
Design for Developers
Become self-sufficient for the entire process from concept to design to implementation. Learn the creation & execution of complete front-end experiences! - +
Editor's Notes
Build a portfolio project with CSS! - ⠇
Getting Started with CSS
Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more! - +
Editor's Notes
The most essential tools to bring your designs to life are modern CSS layout tools such as Flexbox and CSS Grid. - ⠇
CSS Grid & Flexbox for Responsive Layouts, v2
Learn the essential CSS layout techniques for building responsive, beautiful websites. You'll use CSS Grid and Flexbox to build out real-world web layouts! - +
Editor's Notes
SVG is the most flexible and dynamic graphics format and lends itself perfectly for the web! - ⠇
SVG Essentials & Animation, v2
Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites! - +
Editor's Notes
Optionally, you can go further with learning to plan the content of your website through content strategy or learn email design.
Elective Coursework
- ⠇
Mastering the Design Process
Learn a robust process to successfully take your design project from initial briefing to final delivery, avoiding common pitfalls like difficult stakeholders, scope creep, and iteration hell. - ⠇
Figma for Developers
Learn Figma for creating user interface prototypes. Make shapes and frames that will hold the different pieces of the UI. You’ll also learn how to use reusable styles, typography, and components that you can use to create prototypes. - ⠇
Design Systems with React & Storybook
Design components with Figma, and then learn to code your components in React, and document them for your teams with Storybook. - ⠇
Responsive Web Typography v2
Learn how to implement web fonts and create a modern, scalable web typography system to give the best reading experience for desktop and mobile devices! - ⠇
Data Visualization First Steps
Friendly, high-level intro to basic concepts of data visualization using Observable plot. - ⠇
HTML Email Development, v2
Learn the foundations of HTML email development such as structure, semantic markup, layouts, and creating accessible email. - ⠇
Creative Coding with Canvas & WebGL
You'll learn about generative art, interactive animations, 3D graphics with ThreeJS, and custom shaders in GLSL. Apply creative coding skills to real-world jobs.