As design process moves into code, it becomes more critical for designers to understand how things are actually built. Not to become engineers, but to build the right mental models and confidence to work with code and AI tools. This course teaches the essentials of web development and practical concepts with a focus on UI and craft, but without the overwhelming depth of typical coding courses. It covers tools such as Git, Terminal, HTML, CSS, SVG, React, Typescript, Tailwind, Astro, and Next.js.

Landing page components built with React, Shadcn/ui and Tailwind that you can copy/paste into your project. Made for product websites and early-stage startups. 50+ landing page sections, 150+ components, illustrations and animations. Also available for Figma.