↑ ↓ navigate↵ selectesc close
🧶 Hands-On Courses & Video Lessons

pick your next course.

Start with Course #1 if you are brand new to coding, or jump straight into any framework and full-stack course below.

✏️ Courses Progression Diagram
✓ Good PatternVISUAL DIAGRAM
Courses Progression DiagramVisual architectural diagram showing: Step 1: HTML & micro:bit (Zero prior experience) -> Step 2: CSS, Svelte & Solid (✓ Interactive web apps) -> Step 3: SvelteKit + Firebase (✓ Production & Auth). Select any course below to open its video and code lessons.✓FoundationsHTML & micro:bitZero prior experience✓FrameworksCSS, Svelte & Solid✓ Interactive web apps✓Full-StackSvelteKit + Firebase✓ Production & Authbuild UI✓ ship full-stack
[Diagram Walkthrough]Select any course below to open its video and code lessons.
AAA Contrast Verified
Course 1 · Web Foundations🌱 Beginner Friendly
HTML for a 10 Year Old

HTML for a 10 Year Old

Learn HTML from the very beginning with live coding examples.

2 LessonsStart Course→
1
Course 2 · Hardware & Code🌱 Beginner Friendly
micro:bit for a 10 Year Old

micro:bit for a 10 Year Old

Having some fun learning code with micro:bit

1 LessonsStart Course→
2
Course 3 · Style & Motion🎨 UI & CSS
CSS Animations

CSS Animations

How to use CSS Animations by example

4 LessonsStart Course→
3
Course 5 · Fine-Grained Reactivity⚡ Frontend Frameworks
Intro to SolidJS

Intro to SolidJS

In this course, you will learn everything you need to know to build user interfaces with SolidJS.

4 LessonsStart Course→
4
Course 6 · Component Architecture🧶 Intermediate
Learn Svelte: The Ultimate Guide

Learn Svelte: The Ultimate Guide

Master Svelte: The Fast, Simple, and Powerful Framework

14 LessonsStart Course→
5
Course 8 · Full-Stack Apps🚀 Full-Stack
Learn SvelteKit and Firebase: The Ultimate Guide

Learn SvelteKit and Firebase: The Ultimate Guide

Learn how to use SvelteKit and Firebase to build high-performance, scalable web applications.

5 LessonsStart Course→
6