Learning path · Intermediate

Full-Stack JavaScript

One language across the whole product.

Go from semantic pages to a typed React client and a secure Node API backed by PostgreSQL. The path for building and shipping complete web products.

16 weeks 8 courses 98 lessons 8 certificates
The sequence

8 courses, in the right order.

Each step assumes only what came before it. Follow the sequence or jump to a course you need.

01
Step 1 · Beginner

HTML Foundations

Open course

Start from a blank file and finish with a real, accessible profile page. Learn document structure, semantics, media, metadata, ARIA and modern native elements — everything a website is built on.

Getting startedBeginner foundationsContent and structureBeyond the basicsShip it
0/16 lessons0%
HTML Foundations
02
Step 2 · Beginner

CSS Essentials

Open course

Go from unstyled HTML to confident layouts. Learn the cascade, the box model, Flexbox, Grid, positioning, custom properties, form states, keyframes and responsive design by rebuilding real interface patterns, then ship a small design system.

FoundationsCSS without guessworkLayoutPositioning and systemsMotion and polishProject
0/16 lessons0%
CSS Essentials
03
Step 3 · Beginner

JavaScript Foundations

Open course

Learn the language of the browser by building interactive interfaces. Modern syntax, closures, the DOM, events, async data, persistent state, modules, tests and a complete quiz app.

Language basicsThe beginner gapsModern syntaxThe browserBuild and ship
0/16 lessons0%
JavaScript Foundations
04
Step 4 · Intermediate

TypeScript Foundations

Open course

Add a dependable type system to JavaScript. Learn inference, object contracts, narrowing, generics and the compiler settings that catch real bugs before your users do.

Types that pay for themselves
0/10 lessons0%
TypeScript Foundations
05
Step 5 · Intermediate

React Foundations

Open course

Learn the component model behind modern React. Work with JSX, props, state, effects, forms and routing by building a real study dashboard.

Components, state and data
0/10 lessons0%
React Foundations
06
Step 6 · Intermediate

Node.js Foundations

Open course

Move from browser JavaScript to reliable server code. Learn modules, HTTP, Express, asynchronous errors, authentication and the security headers a real API needs.

From script to service
0/10 lessons0%
Node.js Foundations
07
Step 7 · Intermediate

PostgreSQL Foundations

Open course

Go beyond basic SQL. Design schemas, write joins and aggregations, read query plans, add the right indexes and protect data with transactions and roles.

A database you can operate
0/10 lessons0%
PostgreSQL Foundations
08
Step 8 · Beginner

Docker Foundations

Open course

Understand images, containers, layers, volumes and networks. Write a production-minded Dockerfile, compose a multi-service stack and reduce the attack surface of what you ship.

Ship the environment with the app
0/10 lessons0%
Docker Foundations
Portfolio project

Full-stack notes app

Ship a typed React client against a Node API and PostgreSQL database.

about 12 hours Portfolio piece

The brief

Build a notes app with create, edit, delete and search. The API validates input and persists to PostgreSQL; the client handles loading, empty and error states. Run the stack with Docker Compose.

DeliverableA repository with client, API, database migration and a one-command local setup.

Stretch goals

  • Add authentication and per-user notes.
  • Deploy the stack and link the live URL.

Acceptance criteria

0/6
Sign in to tick criteria and save your project link.Sign in
Path complete

Finish with proof, not just a folder of files.

Complete every course in this path to collect 8 verifiable certificates. Each one has a unique public ID and a QR code that resolves to a live status record.

Full-Stack JavaScript98 lessons · 21 hours
HTML FoundationsCSS EssentialsJavaScript FoundationsTypeScript FoundationsReact FoundationsNode.js FoundationsPostgreSQL FoundationsDocker Foundations