Full-Stack Web
Development.
Learn how to build a complete web application from interface to database: responsive frontend development, API design, authentication, relational data, application state, testing and deployment.
Duration
9 weeks
Learning format
Physical or remote
Core stack
React, Node.js and PostgreSQL
Course outcome
Complete deployed web application
Understand the complete
application journey.
Full-stack development means understanding how the interface, application state, API, business logic, database and deployment environment work together.
Connect every application layer
Learn how browser actions become API requests, how backend rules validate and process those requests, how data is stored and how the result returns to the user interface.
Build beyond isolated tutorials
The programme brings authentication, data, errors, loading states, tests, deployment and documentation into one connected project.
The application
stack.
Each layer is taught in the context of the final application, helping learners understand both implementation and the boundaries between systems.
HTML, CSS and JavaScript
Browser fundamentals, responsive structure, styling, events, asynchronous code and interface behaviour.
React
Components, props, state, hooks, routing, forms and reusable interface composition.
Node.js and Express
API routes, middleware, validation, errors, configuration and backend service structure.
PostgreSQL
Tables, relationships, constraints, SQL queries, transactions, migrations and indexing.
Authentication
Registration, sign-in, protected routes, password handling, sessions or tokens and role-based access.
State and API integration
Data fetching, loading, errors, shared state, updates and synchronisation between frontend and backend.
Testing
Unit, integration and browser-level checks for critical application behaviour.
Deployment
Production builds, environment variables, hosting, databases, domains and basic delivery automation.
What you will
build.
The final project is a complete database-backed application with a responsive interface, authenticated users and a documented API.
Responsive interface
An accessible application interface that works across mobile, tablet and desktop screen sizes.
User accounts
Registration, sign-in, protected application areas and secure account-related workflows.
REST API
Structured endpoints, validation, authentication, errors and predictable request-response behaviour.
Relational database
Persistent application data organised through tables, relationships, constraints and migrations.
Tested workflows
Automated checks for selected frontend, API and end-to-end user journeys.
Deployed project
A hosted application configured for a production-like environment and suitable for portfolio presentation.
Follow data through the
whole system.
The course repeatedly traces how one user action moves through every part of a modern web application.
01
User action
A user submits a form, selects an option or requests information.
02
Frontend state
React validates input, updates the interface and prepares the request.
03
API processing
The backend authenticates, validates and applies business rules.
04
Database operation
PostgreSQL stores, retrieves or updates the relevant records.
05
User feedback
The response becomes a success state, error, updated view or other meaningful interface feedback.
Nine-week
curriculum.
Each week develops another layer of the final application, ending with testing, deployment and project presentation.
01
HTML, CSS and responsive layouts
Semantic HTML, forms, CSS fundamentals, Flexbox, Grid, responsive design, accessibility and browser developer tools.
02
Modern JavaScript
Variables, functions, arrays, objects, modules, events, DOM interaction, asynchronous code, Fetch and error handling.
03
React fundamentals
Components, props, state, hooks, forms, routing, reusable UI and frontend application structure.
04
Backend APIs with Node.js
Express routing, middleware, validation, controllers, services, environment variables, logging and error responses.
05
PostgreSQL and relational data
Schema design, migrations, relationships, queries, joins, transactions, constraints and introductory indexing.
06
Authentication and authorisation
Password security, registration, login, sessions or tokens, protected routes and role-based permissions.
07
Frontend and backend integration
API clients, shared state, loading and error states, optimistic updates, form submission and authenticated requests.
08
Testing and debugging
Unit tests, API integration tests, browser testing, debugging, error investigation and final workflow validation.
09
Deployment and capstone presentation
Production builds, hosting, managed databases, environment configuration, basic CI/CD and final project review.
Who this course is
for.
The programme is designed for beginners and early-stage developers who want a structured path through the complete web-development process.
Beginners
Learners who want to understand web development from browser fundamentals through backend services and deployment.
Career changers
Professionals moving into software development who need structure, practical assignments and a complete portfolio project.
Self-taught developers
Learners who have followed tutorials but need to connect frontend, backend, databases, authentication and deployment.
What you should know
before starting.
Previous professional coding experience is not required, but the programme is intensive and requires regular practice outside class.
Recommended foundation
- Basic computer and file-management skills.
- Comfort using a modern web browser.
- Ability to install and update applications.
- Willingness to practise consistently.
- Patience for debugging and revising work.
- No previous professional development experience required.
What you will need
- A computer suitable for software development.
- Reliable internet access for remote participation.
- A modern browser and code editor.
- A GitHub account and Git installation.
- Time for weekly exercises and the capstone.
- Access to the approved deployment tools.
Learn to build and deploy a complete web application.
Complete the training application to select your preferred learning format. Current fees, cohort dates, availability, equipment requirements and payment instructions are confirmed during registration.