> Canonical URL: https://codingcat.dev/courses

# Courses & Lessons | CodingCat.dev

🧶 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[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](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/af1c94461826c80c797c64b2633b7ea33e056960-1920x1080.png?w=640&q=82&fit=max&auto=format)

## HTML for a 10 Year Old

Learn HTML from the very beginning with live coding examples.2 LessonsStart Course→](/course/html-for-a-10-year-old)[1](/course/html-for-a-10-year-old)Great place to start![Course 2 · Hardware & Code🌱 Beginner Friendly![micro:bit for a 10 Year Old](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/5a871ff23135a64d2c34d45418c24d88453724e8-1920x1084.png?w=640&q=82&fit=max&auto=format)

## micro:bit for a 10 Year Old

Having some fun learning code with micro:bit1 LessonsStart Course→](/course/micro-bit-for-a-10-year-old)[2](/course/micro-bit-for-a-10-year-old)✏️ Course #2: Video lessons, code & visual diagrams[Course 3 · Style & Motion🎨 UI & CSS![CSS Animations](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/07703a0d8102dd092c5f4a691bc08579a7514921-1920x1080.png?w=640&q=82&fit=max&auto=format)

## CSS Animations

How to use CSS Animations by example4 LessonsStart Course→](/course/css-animations)[3](/course/css-animations)✏️ Course #3: Video lessons, code & visual diagrams[Course 5 · Fine-Grained Reactivity⚡ Frontend Frameworks![Intro to SolidJS](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e229da54c6839b8d967125167ef9108ecd6fb935-1920x1080.png?w=640&q=82&fit=max&auto=format)

## Intro to SolidJS

In this course, you will learn everything you need to know to build user interfaces with SolidJS.4 LessonsStart Course→](/course/intro-to-solid-js)[4](/course/intro-to-solid-js)Reactive frameworks! ⚡[Course 6 · Component Architecture🧶 Intermediate![Learn Svelte: The Ultimate Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/d515a6644917ffad9109cb5b2b7aa639c470ccc4-1920x1080.png?w=640&q=82&fit=max&auto=format)

## Learn Svelte: The Ultimate Guide

Master Svelte: The Fast, Simple, and Powerful Framework14 LessonsStart Course→](/course/svelte)[5](/course/svelte)✏️ Course #5: Video lessons, code & visual diagrams[Course 8 · Full-Stack Apps🚀 Full-Stack![Learn SvelteKit and Firebase: The Ultimate Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/c89927147885230ea6b3b5802bd574097b4d36b4-1920x1080.png?w=640&q=82&fit=max&auto=format)

## Learn SvelteKit and Firebase: The Ultimate Guide

Learn how to use SvelteKit and Firebase to build high-performance, scalable web applications.5 LessonsStart Course→](/course/sveltekit-firebase)[6](/course/sveltekit-firebase)Full-stack apps! 🚀