Video lessons
Every week has a video. Lessons from WebDev Path come first, and free lessons from great teachers fill the rest. Each one opens inside its lesson, next to the quiz.
Subscribe on YouTube
4 minFull-Stack Developer Roadmap 2026: What to Learn, Step by StepCourse introWebDev Path
12 minHow The Web Works - The Big PictureWeek 1: How the web works and your developer setupBy Academind
10 minHTML & CSS for Absolute Beginners: Semantic HTMLWeek 2: Semantic HTML and accessibilityBy Kevin Powell
19 minFlexbox or grid - How to decide?Week 3: CSS fundamentals, Flexbox and GridBy Kevin Powell
23 minA practical guide to responsive web designWeek 4: Responsive design and deploymentBy Kevin Powell
12 min100+ JavaScript Concepts you Need to KnowWeek 5: JavaScript basics: values, logic and functionsBy Fireship
10 min8 Must Know JavaScript Array MethodsWeek 6: Arrays, objects and dataBy Web Dev Simplified
19 minLearn DOM Manipulation In 18 MinutesWeek 7: The DOM and eventsBy Web Dev Simplified
12 minThe Async Await Episode I PromisedWeek 8: Async JavaScript and APIsBy Fireship
14 minWhat is NPM, and why do we need it?Week 9: Modules, npm and debuggingBy Coder Coder
2 minReact in 100 SecondsWeek 10: Components, props and JSXBy Fireship
16 minLearn useState In 15 Minutes - React Hooks ExplainedWeek 11: State, events and formsBy Web Dev Simplified
2 minReact useState and useEffect Explained: Examples + Common MistakesWeek 12: Effects, data fetching and custom hooksWebDev Path
46 minLearn React Router v6 In 45 MinutesWeek 13: Routing, Tailwind CSS and app structureBy Web Dev Simplified
2 minTypeScript in 100 SecondsWeek 14: TypeScript for React developersBy Fireship
2 minNext.js 16 middleware.ts to proxy.ts: How to Migrate (2 Minutes)Week 15: Next.js App RouterWebDev Path
2 minNext.js 16 Breaking Changes: proxy.ts, Suspense and Cache FixesWeek 16: Server Actions, caching and performanceWebDev Path
2 minNode.js Express REST API Tutorial for Beginners (CRUD, Step by Step)Week 17: Node.js and REST APIsWebDev Path
3 minPostgreSQL in 100 SecondsWeek 18: Databases with PostgreSQL and an ORMBy Fireship
2 minSession vs Token Authentication in 100 SecondsWeek 19: Authentication and authorizationBy Fireship
9 min7 Security risks you should never take as a developerWeek 20: Security, testing and CIBy Fireship
2 minHow to Use the OpenAI API in Next.js Safely (Hide Your API Key)Week 21: Calling AI APIs safelyWebDev Path
4 minNext.js AI Chatbot Tutorial: Vercel AI SDK 7, useChat + StreamingWeek 22: Streaming chat with the Vercel AI SDKWebDev Path
9 minBuild an AI SaaS with Next.js 16, OpenAI and Drizzle (Full Tutorial)Week 23: Deployment and productionWebDev Path
4 minHow to Optimize Your Upwork Profile with Claude Code (8 Steps)Week 24: Getting hired: CV, profiles and interviewsWebDev Path