Full Stack Web Developer Course

Lesson 1 • Setting Up the Developer Environment

Installs and configures code editors, terminal emulators, and version managers. Ensures every student works in a consistent, professional toolchain.

Lesson 2 • How the Web Works

Covers HTTP request-response cycles, DNS resolution, and browser rendering pipelines. Grounds all subsequent coding in real network behaviour.

Lesson 3 • Command Line Proficiency

Builds fluency with file system navigation, process management, and shell scripting. Reduces friction when running build tools and servers throughout the course.

Lesson 1 • Flexbox and Grid Layouts

Teaches one-dimensional Flexbox and two-dimensional Grid layout systems. Enables precise, maintainable page layouts without float hacks.

Lesson 2 • CSS Animations and Transitions

Introduces keyframe animations, transitions, and transform functions. Adds polished interactivity without JavaScript overhead.

Lesson 3 • CSS Selectors and the Box Model

Explains specificity, cascade, inheritance, and the box model. Provides the conceptual foundation for all layout and styling work.

Lesson 4 • Responsive Design and Media Queries

Applies mobile-first design principles and breakpoint strategies. Produces layouts that adapt fluidly across device sizes.

Lesson 1 • Functions and Scope

Explains function declarations, expressions, arrow functions, closures, and the call stack. Enables modular, reusable code design.

Lesson 2 • Asynchronous JavaScript

Covers the event loop, callbacks, Promises, and async/await. Equips students to handle network requests and timed operations reliably.

Lesson 3 • Arrays, Objects, and Destructuring

Teaches array and object manipulation, spread/rest syntax, and destructuring. Prepares students for working with API data and complex state.

Lesson 4 • DOM Manipulation and Events

Applies JavaScript to query, modify, and respond to the DOM. Bridges static HTML/CSS pages into interactive user interfaces.

Lesson 1 • React Core Concepts

Introduces JSX, components, props, and the virtual DOM. Establishes the mental model for building UIs as composable component trees.

Lesson 2 • Client-Side Routing with React Router

Implements multi-page navigation, dynamic routes, and protected routes. Enables full single-page application navigation patterns.

Lesson 3 • State and Lifecycle with Hooks

Covers useState, useEffect, and custom hooks for managing component state and side effects. Replaces class-based lifecycle methods with modern hook patterns.

Lesson 4 • Component Styling Strategies

Compares CSS modules, styled-components, and utility-first CSS in React projects. Guides students toward scalable, maintainable styling architectures.

Lesson 1 • API Testing and Documentation

Tests endpoints with automated tools and generates interactive API documentation. Ensures API reliability and developer usability.

Lesson 2 • Building REST APIs with Express

Covers routing, middleware, request parsing, and response formatting. Produces a structured, layered API following REST conventions.

Lesson 3 • Authentication and Authorization

Implements JWT-based authentication, password hashing, and role-based access control. Secures API endpoints against unauthorised access.

Lesson 4 • Input Validation and Error Handling

Applies schema-based validation libraries and centralised error handling. Produces APIs that fail gracefully and return consistent error responses.

Lesson 1 • SQL Querying and Optimization

Teaches SELECT, JOIN, aggregation, subqueries, and query execution plans. Enables efficient data retrieval from relational databases.

Lesson 2 • NoSQL with MongoDB

Introduces document modelling, CRUD operations, and aggregation pipelines in MongoDB. Addresses use cases where flexible schemas outperform relational models.

Lesson 3 • Relational Database Design

Covers normalisation, entity-relationship modelling, and schema design. Produces well-structured relational schemas that minimise redundancy.

Lesson 4 • ORM Integration with Prisma

Maps database tables to application models using Prisma ORM. Reduces raw SQL boilerplate while maintaining type safety in Node.js.

Lesson 1 • File Uploads and Media Handling

Implements multipart form uploads, cloud storage integration, and image optimisation. Extends the application to handle binary assets reliably.

Lesson 2 • Fetching Data in React

Covers the Fetch API, Axios, and React Query for data fetching and caching. Manages loading, error, and success states in UI components.

Lesson 3 • Real-Time Features with WebSockets

Adds bidirectional communication using WebSockets and Socket.IO. Enables live features such as chat, notifications, and collaborative editing.

Lesson 4 • Consuming GraphQL in React

Integrates Apollo Client into React for querying and mutating GraphQL APIs. Synchronises server and client state through the Apollo cache.

Lesson 1 • Application Security Hardening

Applies HTTPS enforcement, security headers, rate limiting, and dependency auditing. Protects the production application from common web vulnerabilities.

Lesson 2 • Cloud Deployment Strategies

Deploys containerised apps to cloud platforms using managed services and infrastructure-as-code. Covers scalable hosting options for both frontend and backend.

Lesson 3 • CI/CD Pipeline Automation

Automates testing, building, and deployment using GitHub Actions workflows. Reduces manual release steps and enforces quality gates on every push.

Lesson 4 • Containerization with Docker

Packages applications and services into Docker containers and composes multi-service environments. Eliminates environment inconsistency between development and production.