Skip to content
FLAGSHIP PROGRAMME
Intermediate

Modern Full-Stack Web Development

Build production-ready web applications from the ground up.

This is the course that takes you from "I know some JavaScript" to "I can build and ship a full web application." You will learn the tools and patterns used by modern development teams: TypeScript, React, Next.js, Node.js, and PostgreSQL. Every concept is taught through building real features for real applications, culminating in a full-stack project you can showcase to employers.

Level

Intermediate

Duration

16 weeks

Format

Self-paced with project reviews

Projects

6 projects

TypeScriptReactNext.jsNode.jsPostgreSQL
Outcomes

What you'll learn

The practical skills you will gain by completing this course.

Build responsive, accessible websites with HTML and CSS

Write modern JavaScript and TypeScript with confidence

Build interactive React applications with hooks and state

Create REST APIs and server-side routes with Node.js

Design and query PostgreSQL databases

Implement authentication and authorisation

Containerise applications with Docker

Deploy full-stack applications to production

Curriculum

Course curriculum

A structured progression through 8 modules, each building on the last.

8 modules69 lessons · 95 hours

Projects

Build real projects

Every module includes hands-on projects. By the end, you will have a portfolio of real software.

HTML

Personal Portfolio

Build a responsive, accessible portfolio website with modern CSS and deploy it online.

HTMLCSSJavaScript
Responsive DesignCSS GridAccessibility
React

Task Management App

Create a single-page application with React featuring drag-and-drop, filtering, and local persistence.

ReactTypeScript
State ManagementComponentsHooks
Next.js

Blog Platform

Build a full-stack blog with Next.js featuring MDX content, SEO optimisation, and server-side rendering.

Next.jsTypeScriptMDX
SSRRoutingSEO
Node.js

REST API Service

Design and build a production-quality REST API with authentication, validation, and documentation.

Node.jsExpressPostgreSQL
API DesignAuthenticationDatabases
React

Real-time Chat

Build a real-time chat application with WebSocket support, presence, and message history.

ReactNode.jsWebSockets
Real-timeWebSocketsState Management
Capstone Project

Final Project: SaaS Application

Final Project: SaaS Application

Design, build, and deploy a complete SaaS application with authentication, payments, a dashboard, and a PostgreSQL database. This is your capstone project.

Next.jsTypeScriptPostgreSQLDocker

Skills demonstrated

Full-StackDeploymentArchitectureAuth

You don't just watch lessons. You build software.

Is this course for you?

Find out if this is the right fit

Perfect for

  • Developers with basic programming skills
  • Self-taught programmers ready to level up
  • Bootcamp grads wanting deeper knowledge
  • Developers moving to a new stack

You'll need

  • Basic programming knowledge (variables, functions, loops)
  • Familiarity with the command line is helpful but not required
  • Completion of Software Engineering Foundation recommended
Method

Learn by building.

The CodersCode method — four pillars that run through every course.

01

Learn

Understand the core concepts through clear, practical lessons.

02

Build

Apply every concept to real projects and write real code.

03

Debug

Learn to solve problems systematically with testing.

04

Ship

Deploy your software to production with confidence.

Enroll Now

Interested in Modern Full-Stack Web Development? Share your details and we will get back to you with next steps.

We will get back to you within 48 hours with next steps.

FAQ

Frequently asked questions

Everything you need to know before enrolling.

Ready to start building?

Start your journey with CodersCode. Enrol in Modern Full-Stack Web Development today.