Full Stack Developer Training

Lesson 1 • How the Web Works

Covers HTTP request-response cycles, DNS resolution, and browser rendering pipelines. Establishes the conceptual backbone for every full-stack decision made later.

Lesson 2 • Developer Tooling and Terminal Basics

Introduces the command line, package managers, and code editors as daily-use tools. Proficiency here accelerates every subsequent hands-on exercise.

Lesson 3 • Project Structure and Coding Standards

Establishes folder conventions, linting rules, and formatting standards used across the course. Consistent structure reduces cognitive load in later multi-file projects.

Lesson 1 • Flexbox and CSS Grid Layouts

Teaches both layout systems with practical use cases for each. Students build a responsive two-column and card-grid layout using only CSS.

Lesson 2 • CSS Fundamentals and the Box Model

Explains selectors, specificity, inheritance, and the box model as the basis of all visual styling. Students style a multi-section page by section end.

Lesson 3 • Responsive Design and Media Queries

Applies mobile-first design principles and breakpoint strategies to real layouts. Students adapt a desktop design to work across phone, tablet, and desktop viewports.

Lesson 4 • CSS Animations and Transitions

Introduces keyframe animations and transition properties to add motion without JavaScript. Connects visual polish to user experience principles introduced in layout sections.

Lesson 1 • Modules and Modern JavaScript Tooling

Introduces ES modules, bundlers, and transpilers to prepare code for production environments. Students configure a Vite project and import/export across multiple files.

Lesson 2 • Asynchronous JavaScript

Explains the event loop, callbacks, Promises, and async/await for handling time-delayed operations. Students fetch data from a public API and render it to the DOM.

Lesson 3 • Core JavaScript Syntax and Data Types

Covers variables, primitives, operators, and type coercion as the building blocks of all JS code. Mastery here prevents the most common beginner bugs in later projects.

Lesson 4 • Control Flow and Functions

Teaches conditionals, loops, and function declarations including arrow functions and closures. Students refactor procedural code into reusable, well-scoped functions.

Lesson 1 • Global State with Context and Reducers

Teaches Context API and useReducer for sharing state across deeply nested components. Students refactor prop-drilled state into a centralised context store.

Lesson 2 • React Core Concepts and JSX

Introduces the component model, JSX syntax, and the virtual DOM as React's foundational ideas. Students render a component tree and understand how React updates the UI.

Lesson 3 • React Router and Navigation

Implements client-side routing with nested routes, dynamic segments, and protected routes. Students add multi-page navigation to their React application.

Lesson 4 • State Management with Hooks

Covers useState, useEffect, and custom hooks for managing local component state and side effects. Students build an interactive form with validation and live feedback.

Lesson 1 • RESTful API Design Principles

Applies REST constraints to design consistent, predictable API endpoints with proper status codes. Students refactor an ad-hoc API into a fully RESTful resource-based structure.

Lesson 2 • Express Framework and Routing

Builds structured Express applications with route handlers, route parameters, and query strings. Students organise routes into separate router files following REST conventions.

Lesson 3 • Node.js Runtime and Core Modules

Explains the Node.js event-driven architecture, module system, and built-in modules for file and network I/O. Students write scripts using fs, path, and http modules.

Lesson 4 • Input Validation and Error Handling

Implements schema-based validation and centralised error responses to harden the API. Students add validation middleware that returns structured error messages to clients.

Lesson 1 • ORM Integration with Prisma

Uses Prisma to define schemas, generate a type-safe client, and perform CRUD operations from Node.js. Students replace raw SQL queries in their API with Prisma client calls.

Lesson 2 • NoSQL with MongoDB and Mongoose

Introduces document-oriented data modelling and Mongoose schemas for flexible, schema-less storage. Students build a second API endpoint backed by MongoDB to contrast with SQL.

Lesson 3 • Choosing and Connecting Databases

Compares SQL and NoSQL trade-offs and covers connection pooling and environment-based configuration. Students configure their API to switch databases via environment variables.

Lesson 4 • PostgreSQL Setup and Advanced Queries

Applies SQL skills to PostgreSQL with indexes, transactions, and constraints for production-grade data integrity. Students run migrations and seed scripts against a local PostgreSQL instance.

Lesson 1 • JSON Web Tokens and Refresh Tokens

Covers JWT structure, signing, verification, and refresh token rotation for persistent sessions. Students implement login, token issuance, and silent refresh in their API.

Lesson 2 • Web Security Best Practices

Addresses OWASP top threats including XSS, CSRF, SQL injection, and insecure headers. Students audit their application and apply Helmet.js and input sanitisation fixes.

Lesson 3 • OAuth 2.0 and Third-Party Login

Integrates OAuth 2.0 authorisation code flow for social login using a provider like Google. Students add a working third-party login button to their full-stack application.

Lesson 4 • Role-Based Access Control

Designs a permission model with roles and guards applied as Express middleware and React route wrappers. Students restrict API endpoints and UI pages by user role.

Lesson 1 • Full-Stack Integration and Capstone Project

Connects all layers—React frontend, Express API, database, and auth—into a single deployable application. Students present a live, feature-complete project demonstrating end-to-end competency.

Lesson 2 • CI/CD Pipeline Setup

Automates testing, building, and deployment using a CI/CD service triggered by Git pushes. Students configure a pipeline that runs tests and deploys on merge to main.

Lesson 3 • Containerization with Docker

Packages the Node.js API and database into Docker containers for consistent environments across machines. Students write Dockerfiles and a Compose file for local multi-service development.

Lesson 4 • Cloud Deployment and Hosting

Deploys the backend API to a cloud platform and the React frontend to a static hosting service. Students configure custom domains, HTTPS, and environment secrets.