Full Stack Web Development

What You'll Learn

Career Relevance

Full stack is one of the most in-demand skill sets in tech. Every stage maps directly to what employers look for.

Curriculum — 7 Stages

Each stage ends with a portfolio project you ship. By Stage 7 you have a full-featured app on the web and 8 projects for your GitHub.

• 01

  HTML & CSS Fundamentals

  Semantic markup, box model, Flexbox, Grid, and responsive design

  ▾

  The foundation of every web page. Write semantic HTML5, style everything with modern CSS, master Flexbox and Grid layouts, and build pages that look great on any screen size. No shortcuts — you'll understand what every line does.

  ~25 hrs HTML5 semanticsBox modelFlexboxCSS GridMedia queriesCSS variablesAccessibility

  🚀 Project 1

  Build a fully responsive personal portfolio site — mobile-first, accessible, and deploy it live.

• 02

  JavaScript — Core to Advanced

  Variables, functions, DOM, async, and modern ES6+ syntax

  ▾

  JavaScript is the language of the web. Go from variables and functions to closures, prototypes, Promises, async/await, and the module system. Manipulate the DOM, respond to events, and make API calls — all without a framework.

  ~30 hrs ES6+ syntaxDOM manipulationEventsPromisesasync/awaitFetch APIModules

  🚀 Project 2

  Build an interactive weather app that fetches live data from a public API and renders dynamic cards.

• 03

  React — Component-Based UI

  JSX, components, hooks, state, and routing

  ▾

  React is the dominant frontend library. Build component hierarchies, manage state with useState and useReducer, handle side effects with useEffect, share data with Context, and add multi-page routing with React Router.

  ~30 hrs JSXProps/StateHooksuseEffectContext APIReact RouterVite

  🚀 Project 3 & 4

  Build a full task manager SPA with filtering, sorting, and local persistence. Then a movie search app with API integration.

• 04

  Node.js & Express — Backend Fundamentals

  Server creation, routing, middleware, and REST APIs

  ▾

  Flip to the server side. Use Node.js to run JavaScript outside the browser, build a web server with Express, handle routing and middleware, validate request data, serve JSON APIs, and structure a backend application correctly.

  ~28 hrs Node.jsExpressRoutingMiddlewareREST conventionsExpress Validatordotenv

  🚀 Project 5

  Build a REST API for a bookmarks manager — full CRUD, input validation, and organized route structure.

• 05

  Databases — SQL, NoSQL, and ORMs

  PostgreSQL, MongoDB, Prisma, and data modelling

  ▾

  Every real app needs a database. Learn relational data modeling with PostgreSQL, write SQL queries from basic SELECT to complex JOINs, and abstract that with Prisma ORM. Then explore document storage with MongoDB and Mongoose for schema-flexible use cases.

  ~28 hrs PostgreSQLSQL queriesPrisma ORMMigrationsMongoDBMongooseIndexing

  🚀 Project 6

  Extend your API to persist data — implement both PostgreSQL and MongoDB backends and compare the trade-offs.

• 06

  Authentication, Security & Full-Stack Integration

  JWT, sessions, OAuth2, CORS, HTTPS, and frontend–backend wiring

  ▾

  Secure your apps and connect the stack. Implement JWT and session-based authentication, add Google OAuth2 with Passport.js, set up CORS properly, hash passwords with bcrypt, and wire your React frontend to your Express backend in a single deployable project.

  ~30 hrs JWTbcryptSessionsOAuth2CORSHTTPSRate limitingHelmet.js

  🚀 Project 7

  Build a full-stack user dashboard with registration, login, protected routes, and a profile page — React + Express + PostgreSQL.

• 07

  Deployment & Production Engineering

  CI/CD, Vercel, Railway, environment management, and performance

  ▾

  Shipping code is a skill. Deploy your frontend to Vercel and your backend to Railway. Set up GitHub Actions for automated CI/CD, manage secrets and environment variables properly, configure custom domains, and profile your app for performance bottlenecks.

  ~29 hrs VercelRailwayGitHub ActionsEnv varsCustom domainsLighthouseDocker intro

  🚀 Project 8 — Capstone

  Ship a complete full-stack application of your choice — live on the web, CI/CD wired, custom domain, portfolio-ready.