Full-stack web developer
Full-Stack Web
You can read HTML and you want to ship a complete application, not just pages.
76 lessons written
9 of 9 courses available
Nine courses and 76 lessons, all fully written. We start with the language itself, make it safe with TypeScript, build the interface with React and Tailwind, write the server by hand before letting Next.js abstract it away, put everything under test, then plug in a language model and a coding agent — the two additions clients are asking for today.
- Step 1
The language, before the tools
React, Next.js, and TypeScript are just organized JavaScript. Starting with a framework without knowing the language catches up with you later, on every bug you can’t read.
-
Modules, async, destructuring: the syntax everything else assumes you already know.
9 published lessons
-
- Step 2
Typing, so the code holds up
TypeScript comes before React, not after: writing a typed component from the start is simpler than retrofitting types onto a codebase that grew without them.
-
Types, interfaces, generics — and what the compiler catches before your users do.
7 published lessons
-
- Step 3
Building the interface
The component model and state management are the core of browser-side work. This is also the longest stage of the path.
-
Components, state, effects, and the rendering pitfalls you only see in production.
13 published lessons
-
- Step 4
Styling without debt
It comes right after React because Tailwind is written inside the component: learning the two together avoids the parallel stylesheet that ends up contradicting your components.
-
Utility classes, responsive design, dark mode, and knowing when to extract a component.
7 published lessons
-
- Step 5
The server, in JavaScript
Placed before Next.js, and deliberately so: Next.js hides the HTTP request behind its conventions. Having written a server by hand once makes those conventions readable instead of magical.
-
Routes, middleware, database, authentication: a backend where you master every layer.
8 published lessons
-
- Step 6
Going to production
React alone handles neither routing, nor server-side rendering, nor SEO. Next.js provides what separates a demo from a live site.
-
Routing, server-side rendering, data, and deploying a real application.
7 published lessons
-
- Step 7
Shipping without holding your breath
Tests come once there is an application to break. Writing them earlier in the path means testing course examples; writing them later means never writing them.
-
What deserves a test, what doesn’t, and a pipeline that runs on every commit.
7 published lessons
-
- Step 8
Plugging in a language model
This is the most frequent request on an existing web application. It presupposes an application to integrate it into, hence its late placement.
-
Calls, costs, streaming, and handling unexpected responses.
10 published lessons
-
- Step 9
Programming with an agent
Last, for a fundamental reason: an agent amplifies the judgment of whoever uses it, it doesn’t replace it. This course only has value once the eight previous stages are under your belt — otherwise you’re reviewing code you can’t judge.
-
Scoping a task, reviewing the output, staying in control of a real codebase.
8 published lessons
-
Coming to this path
Courses in preparation. They will be unlocked at no extra cost for anyone who has already purchased the path.
- PostgreSQL and SQL Query and model data without an ORM making the decisions for you.
- Web accessibility and performance The two criteria a site is judged on before its code.