Skip to content
/ TUTORIALS

Learn by building real projects.

Free, project-based lessons on HTML, CSS, JavaScript, PHP, WordPress and Shopify, from someone who uses them on client work every day. Less theory, more building.

FEATURED SERIES · BEGINNER

HTML Course for Beginners

Learn HTML from scratch in 16 practical lessons, with copy-paste code, fixes for common problems and a real portfolio project.

See the course
  1. 01How the Web Works: HTML, CSS and JavaScript Explained
  2. 02How to Create Your First HTML File in VS Code
  3. 03HTML Boilerplate: Document Structure Explained
  4. 04HTML Headings and Paragraphs (With Examples)
  5. 05HTML Text Formatting: Bold, Italic and Line Breaks
  6. 06How to Add Links in HTML
/ LEARNING TRACKS

Pick a skill. Start building.

LIVE

HTML

BEGINNER · 16 LESSONS Getting StartedText and ContentLinks and Images LIVE

CSS

BEGINNER · 18 LESSONS Getting Started With CSSThe Box Model, Text and BackgroundsLayout Basics LIVE

JavaScript

BEGINNER TO INTERMEDIATE · 18 LESSONS Getting Started With JavaScriptLogic and LoopsFunctions, Arrays and Objects LIVE

PHP

INTERMEDIATE · 14 LESSONS PHP BasicsLoops, Arrays and FunctionsBuilding Pages With PHP LIVE

WordPress

BEGINNER · 16 LESSONS Getting Set UpThemes and ContentPlugins and SEO LIVE

Shopify

INTERMEDIATE · 14 LESSONS Setting Up Your StoreProducts, Menus and PagesPayments, Shipping and Apps LIVE

Wix

BEGINNER · 12 LESSONS Getting Started With WixDesigning Your SiteAdding Features LIVE

Squarespace

BEGINNER · 12 LESSONS Getting Started With SquarespaceDesigning PagesPages, Portfolio, Blog and Shop LIVE

Framer

BEGINNER TO INTERMEDIATE · 12 LESSONS Getting Started With FramerLayout and Responsive DesignMotion, Content and Forms LIVE

Webflow

INTERMEDIATE · 14 LESSONS Getting Started With WebflowLayout and StylingResponsive Design and Components LIVE

UI/UX in Figma

BEGINNER · 16 LESSONS UX FoundationsFigma Core SkillsVisual Design Basics LIVE

Bootstrap & Tailwind

INTERMEDIATE · 12 LESSONS Bootstrap BasicsBootstrap in PracticeTailwind CSS Basics LIVE

Git & GitHub

BEGINNER · 10 LESSONS Git BasicsUndo, Branches and MergingWorking With GitHub LIVE

AI Tools for Web Designers

ALL LEVELS · 12 LESSONS AI FoundationsContent and VisualsBuilding and Code
01Read a short lessonOne idea per lesson, explained in plain English.
02Copy the codeEvery example has a copy button and a live preview.
03Build the projectFinish with something real you can add to your portfolio.
/ FREE CHEAT SHEETS

Keep these next to your editor.

Printable one-page PDFs that go with the lessons. Free to download.

PDF HTML Tags Cheat Sheet COMING SOON
PDF CSS Flexbox & Grid Cheat Sheet COMING SOON
PDF JavaScript Basics Cheat Sheet COMING SOON
PDF Website Launch Checklist COMING SOON

Stuck on a bug right now?

Browse step-by-step fixes for common WordPress, Shopify, PHP and JavaScript errors.