Full-Stack Development

Module focus

Understand the browser-to-server journey and prepare your development tools.

Weekly topics

• How the web works
• Browser and server roles
• Editor setup
• Project organisation

Module focus

Create accessible document structures for web pages.

Weekly topics

• Semantic markup
• Links and media
• Forms
• Document landmarks

Module focus

Apply consistent styles and layout rules to interfaces.

Weekly topics

• Selectors
• Box model
• Typography
• Spacing and colours

Module focus

Build layouts that adapt to common screen sizes.

Weekly topics

• Mobile-first approach
• Flexbox
• Grid
• Media queries

Module focus

Add behaviour and browser interactions to web pages.

Weekly topics

• Language basics
• DOM manipulation
• Events
• Async JavaScript

Module focus

Create reusable component-based interfaces.

Weekly topics

• JSX
• Props
• State
• Routing concepts

Module focus

Prepare a server-side workspace and track code changes.

Weekly topics

• Node.js and NPM
• Git branches
• Environment variables
• Repository workflow

Module focus

Build request handlers and expose application functionality through APIs.

Weekly topics

• Node runtime
• Express routes
• Middleware
• Error handling

Module focus

Persist application data in relational and document databases.

Weekly topics

• PostgreSQL tables
• SQL queries
• MongoDB documents
• Data relationships

Module focus

Protect user accounts and control access to application resources.

Weekly topics

• Password hashing
• Token-based access
• Validation
• Authorisation rules

Module focus

Integrate the interface with backend endpoints and manage real application data.

Weekly topics

• Fetch API calls
• Request and response formats
• Loading and error states
• Form submission

Module focus

Deploy a complete application and present its architecture and user journey.

Weekly topics

• Frontend and API hosting
• Production configuration
• End-to-end checks
• Live demo and portfolio