Web Development

Duration: 6 Saturdays (9am–11am) | Level: Beginner to Advanced | Mode: Online | Course Notes

Course Content

Module 1: HTML5, CSS3 & Responsive Design

• HTML5 semantic structure and best practices
• Forms, inputs, validation, and accessibility (ARIA)
• CSS fundamentals: selectors, box model, positioning
• Flexbox and CSS Grid layouts
• Responsive design with media queries
• Mobile-first design approach
• UI components: navigation bars, cards, modals
• Hands-on: Build a responsive personal portfolio website

Module 2: JavaScript (ES6+) & DOM Manipulation

• JavaScript fundamentals: variables, data types, operators
• Functions, arrow functions, scope, closures
• Arrays, objects, and JSON handling
• ES6+ features: destructuring, spread/rest operators
• DOM manipulation and event handling
• Fetch API and AJAX requests
• Async/await and promise-based programming
• Hands-on: Build a live weather dashboard using API

Module 3: Frontend Development with React

• Introduction to React and component-based architecture
• JSX syntax and rendering elements
• Functional components and props
• State management using useState
• Side effects using useEffect
• React Router for navigation
• Component lifecycle basics
• Hands-on: Build a task management SPA

Module 4: Backend Development with Node.js & Express

• Introduction to Node.js runtime environment
• Express.js framework and routing
• Middleware concepts
• RESTful API design principles
• Request and response handling
• Environment variables and configuration
• Error handling and debugging
• Hands-on: Build a blog API with CRUD operations

Module 5: Databases (SQL & NoSQL) & Authentication

• Relational databases: PostgreSQL fundamentals
• SQL queries: SELECT, INSERT, UPDATE, DELETE
• NoSQL databases: MongoDB basics
• Mongoose schema design
• User authentication concepts
• JWT (JSON Web Token) authentication
• Password hashing and security basics
• Hands-on: Build user login system with database integration

Module 6: Full-Stack Integration & Deployment

• Connecting frontend (React) with backend APIs
• CORS and API communication handling
• State flow in full-stack applications
• Project structuring and best practices
• Deployment strategies (frontend & backend)
• Hosting on Vercel, Netlify, and Render
• CI/CD basics for web applications
• Capstone project: Full-stack e-commerce or SaaS app

Assessment: Weekly labs (25%) + React project (15%) + Backend task (20%) + Capstone (40%). Certificate upon completion.

Secure Your Place Today

Complete your payment securely via Stripe to confirm your enrolment.

Starting Date: 4th July 2026
Course Fee: £990.00

Your payment is processed through Stripe’s secure encrypted payment gateway for safe and reliable transactions.