Track 03 — The Engine Room

Full Stack Web Development

Most bootcamp graduates can follow a tutorial and freeze the moment something differs. This track spends real time on JavaScript and the browser before any framework appears, so that when React and Node arrive you understand what they are doing for you.

6 months Level Beginner → Job ready Live online, recorded Portfolio + certificate

( What you'll learn )

01

HTML that means something

Semantic structure, forms, accessibility and the document outline — the foundation everything else sits on.

02

CSS for real layouts

The box model, flexbox, grid, custom properties, responsive design and why your centring is not working.

03

JavaScript, properly

Types, scope, closures, this, prototypes, async/await and the event loop. The language, not framework syntax.

04

The browser platform

DOM manipulation, events, fetch, storage, modules and getting fluent in devtools.

05

Git & collaboration

Branches, merges, rebases, pull requests and code review — worked the way a team actually works.

06

React

Components, props, state, hooks, effects, routing, forms and the mental model of re-rendering.

07

TypeScript essentials

Types where they earn their keep: props, API responses and the errors you stop shipping.

08

Backend with Node

Express, REST design, middleware, validation, error handling and structuring a project that grows.

09

Databases

Relational modelling with PostgreSQL and document modelling with MongoDB — schema design, queries, indexes, migrations.

10

Auth & security

Sessions and JWTs, password hashing, authorisation, and the OWASP issues that hit web apps hardest.

11

Testing & performance

Unit and integration tests, Lighthouse, Core Web Vitals, bundle size and caching.

12

Deployment & capstone

Environments, secrets, CI, hosting and databases in production — then your full-stack capstone, live.

( Curriculum — 26 weeks )

Phase 01Weeks 1–6

Frontend foundations

HTML and CSS to a professional standard, and enough JavaScript to stop copying snippets.

  • Semantic HTML and forms
  • Accessibility basics
  • Flexbox and CSS grid
  • Responsive design and units
  • Custom properties and architecture
  • JavaScript syntax and types
  • Functions, arrays, objects
  • Your first responsive multi-page site
Phase 02Weeks 7–14

JavaScript & React

The language in depth, then the framework — in that order, deliberately.

  • Scope, closures, prototypes
  • Async, promises, fetch
  • DOM and events
  • ES modules and tooling with Vite
  • React components and props
  • State, hooks and effects
  • Routing and forms
  • TypeScript for React
Phase 03Weeks 15–21

Backend & data

Servers, APIs and databases — the half of the stack that decides whether your app survives real users.

  • Node and Express
  • Designing a REST API
  • Validation and error handling
  • PostgreSQL and SQL
  • MongoDB and document design
  • Authentication and sessions
  • Authorisation and roles
  • Connecting React to your own API
Phase 04Weeks 22–26

Ship it

Everything between 'works on my machine' and 'works for other people'.

  • Testing with Vitest
  • Debugging in production
  • Performance and Core Web Vitals
  • Docker basics
  • CI pipelines
  • Environments and secrets
  • Deploying app and database
  • Full-stack capstone

( Tools you'll master )

HTMLCSSJavaScriptTypeScriptReactNode.jsExpressPostgreSQLMongoDBGit & GitHubViteTailwind CSSDockerPostmanVercel

( Projects you'll build )

01

Responsive marketing site

Built from a design file: semantic, accessible, fast on a mid-range phone, and passing Lighthouse.

02

React dashboard

A data-driven interface consuming a third-party API — loading states, error states, filtering and routing.

03

REST API with auth

Your own backend: modelled database, validated endpoints, registration and login, protected routes and tests.

04

Full-stack capstone

One product end to end — your frontend, your API, your database, deployed and running on a live URL.

( Where this leads )

Frontend DeveloperBuilding interfaces in React and modern CSS.
Backend DeveloperAPIs, databases and server-side logic in Node.
Full Stack DeveloperOwning a feature from database to browser.
MERN DeveloperThe stack most commonly asked for by local and remote agencies.
Freelance Web DeveloperBuilding and maintaining sites and apps for your own clients.
Junior Software EngineerThe general entry role at product companies.

( Is this you? )

A good fit if

  • You are starting from zero and want a genuine developer skill set
  • You are willing to write code most days, not just during class
  • You want to understand why things work, not memorise snippets
  • You are aiming at a job, an internship or freelance client work

Probably not yet if

  • You want to avoid JavaScript — it is unavoidable here
  • You are looking for a no-code route; try WordPress or SEO instead
  • You expect to be job-ready in a few weeks
  • You are not prepared to have your code criticised in review

Fundamentals first, frameworks second.

Six weeks of this track pass before React is mentioned. That is on purpose. Developers who learn a framework before the language hit a wall the moment a problem falls outside the tutorial — and every hiring manager can spot it in about two questions. We would rather you were slower at week six and genuinely capable at week twenty-six.

You will finish with four projects in a public GitHub profile, each with a readable README — which in practice matters more to an interviewer than the certificate does.

( Reading on this track )

Full stack or frontend only? Which to learn first

Frontend gets you employable sooner. Full stack gives you more options later. An honest look at the trade-off, and why learning Ja...

Read

Next batch enrolling

Enroll ↗
Artificial Intelligence → Cyber Security → WordPress → SEO & Digital Marketing → UI/UX & Graphic Design → UI/UX Design →