5 steps from zero to a real page
Each step has a cheat sheet to learn from and a tool to practice with. Check off steps as you go — your progress saves in your browser.
Every website starts with HTML. Learn the tags that create headings, paragraphs, links, images, and lists. This is the skeleton of every page you'll ever build.
Make it look good. Colors, fonts, spacing, borders — CSS controls everything visual. Start with colors and typography, then move to layout.
Flexbox handles one-dimensional layouts — navbars, card rows, centering things. Once you learn display: flex, you'll use it on every project.
Grid handles two-dimensional layouts — full page structures, dashboards, galleries. Combined with Flexbox, you can build any layout.
Make it interactive. Click handlers, form validation, dynamic content, API calls. JavaScript brings your static page to life.