Matt's curriculum · started 2026-05-24

Zero → Next.js
The Toy Way

Ten phases. Every video ID and duration verified live against the YouTube API. Click the green box on a card to mark it done — progress saves in this browser. Drag cards around if it makes you happy.

10 phases ~50 hours of video All free Click anywhere for a treat
0 of 10 done 0%

0 Warm-up

already done

The 48-minute Mosh intro you already watched. Mark it done so the progress bar starts moving.

1 Fundamentals

drill the basics once, properly

A calm, 134-lesson pass through everything — variables, control flow, arrays, objects, loops, scope, simple ES6. This is the one that makes the rest stick.

2 Build everything

the big project course

75 chapters, project-based, posted January 2024. Counter, dice roller, password generator, digital clock, stopwatch, calculator, rock-paper-scissors, image slider, weather app. Pace yourself — one chapter a day, not a binge.

3 The DOM

make web pages do stuff

Selecting elements, styling, creating, removing. Event listeners, propagation, delegation. Ends with five projects from beginner to "master".

4 Async & fetch

the part everyone fakes

Callbacks → callback hell → promises → async/await, taught with a running ice-cream-shop example. Then a short Bro Code companion that puts fetch into a real Pokémon API project.

5 Modern syntax

cleanup pass

let/const, arrow functions and the dreaded `this`, destructuring, spread, classes, modules. Watch last so the modern syntax in our real repos stops looking magic.

6 Node + Express

JavaScript outside the browser

Run JavaScript on a server. Build a REST API. Middleware, routing, methods, JSON, params, postman. After this you'll understand what assistant-mcp, Rivendell server, and every Edge Function in our stack actually is.

7 TypeScript

the angry brother of JS

Adds types on top of JavaScript so the compiler yells at you before runtime does. Hands-on pizza-shop example by Scrimba. Short, focused, no fluff. Every modern repo we work in is TS — Rivendell, AutoSam, the dashboards.

8 React

build real interfaces

170 interactive challenges, six projects (ReactFacts, Travel Journal, Chef Claude AI, Meme Generator, Tenzies, Assembly Endgame). Bob Ziroll teaches React the way Bro Code teaches JS — by building things, not lecturing. This is the big one.

9 Next.js

our actual production framework

App router, server components, server actions, API routes, caching, MongoDB, deployment. JavaScript Mastery, posted October 2025, Next.js 16. Build and deploy a real full-stack event platform.