HTML Foundations
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.
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.
Each step assumes only what came before it. Follow the sequence or jump to a course you need.
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.
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.
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.
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.
Learn the component model behind modern React. Work with JSX, props, state, effects, forms and routing by building a real study dashboard.
Move from browser JavaScript to reliable server code. Learn modules, HTTP, Express, asynchronous errors, authentication and the security headers a real API needs.
Go beyond basic SQL. Design schemas, write joins and aggregations, read query plans, add the right indexes and protect data with transactions and roles.
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 a typed React client against a Node API and PostgreSQL database.
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.
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.
The complete starting point for a career in the browser. Build structure with HTML, shape it with CSS and make it react with JavaScript — then prove it with a certificate.
Portfolio project includedLearn to think in programs. Start with values and logic, build up to functions and files, and finish with an automation script that saves real time.
Portfolio project includedCombine SQL and Python to clean, query and summarise data. Designed for analysts, operators and anyone who works with spreadsheets that have outgrown them.
Portfolio project included