COMP602

Module code

COMP602

Module title

Full-Stack Web Development

Prescription

This course develops the knowledge and practical skills required to design, build, secure, and deploy full-stack web applications. Students will apply modern web technologies and practices to create responsive user interfaces, develop backend services and APIs, manage data, and deliver production-ready applications using contemporary development, testing, and deployment workflows.

Programmes

BI1601
IT7000

NZQA Level

Level 6

NZQA Credits

15

Delivery method

Web-Supported

Learning hours

Total learning hours: 150

Resources required

Learning Outcomes: 1. Design a web application using user-centred principles to meet defined requirements

2. Develop and integrate frontend, backend, and database components of a full-stack web application using established frameworks and tools.

3. Deploy and secure a web application using modern development practices.
Content: Web Foundations and Architecture:
- Client–server model and request/response lifecycle
- HTTP fundamentals (methods, headers, status codes)
- Browser behaviour, storage and cookies.

?User Experience, Accessibility and Planning:
- User-centred design and usability principles
- Accessibility and inclusive design practices
- Storyboarding, wireframes, user journeys and flows.

? Frontend Development:
- Component-based architecture and UI design
- State management, routing, and user interaction
- Forms, validation, and API integration

?Backend Development and APIs:
- RESTful API design and CRUD operations
- Middleware, validation, and error handling

?Databases and Data Modelling:
- Selecting and using a database for a web application
- Designing simple data structures to support application functionality
- Performing basic data operations and ensuring data reliability through application logic

?Full-Stack Integration:
- ?Integration of frontend, backend, and database layers
- Managing client–server communication
- Environment configuration and application setup

?Authentication, Security and Integrations:
- Authentication and authorisation (e.g. JWT and OAuth concepts)
- Secure data handling and common web vulnerabilities (e.g. XSS, CSRF, injection)
- ?Integration with third-party services (e.g. payments, external APIs, webhooks)
- Secure API usage, token management, and secrets handling

?Testing and Debugging:
- Testing principles and basic unit/API testing
- Debugging full-stack applications
- Developer tools, logging, and error tracking

? DevOps, Deployment and Monitoring:
- Version control workflows and collaboration
- Environment management and CI/CD pipelines
- ?Cloud deployment, monitoring, and troubleshooting

?Performance Optimisation and SEO:
- Web performance principles and optimisation techniques
- Responsive design.
- Asset optimisation, caching, and site structure?
Teaching and Learning Strategy: Teaching methods will involve theoretical and practical classes which may include but not limited to lectures, class discussions, tutorials, case studies, simulations, computer laboratory work, group activities, face-to-face and online activities.
Assessment Criteria: In order to receive a passing grade, students must achieve a minimum 40% average over all supervised tests and achieve 50% overall for the module.
Learning and Teaching Resource: Wintec Learning Management Systems, Computer Laboratory
Required Textbooks: An extended reading list will be supplied by the tutor at commencement of the module. This will be updated annually.

COMP602 – Full-Stack Web Development