1 Demonstrate a critical understanding of client-server interaction, WEB API and basics of HTTP protocol

2 Demonstrate a critical understanding of web application architecture, including back-end and front-end technologies

3 Critically evaluate and apply appropriate approaches to plan, design and develop web applications which interact with databases and web API.

Assessment Criteria

Assessment 1 - written exam (60-minutes) covering learning outcomes 1 & 2
The topics including:
- HTML/CSS/JavaScript
- The front-end web development
- Vue.js elements

Assessment 2 - a group practical project covering learning outcomes 1,2 & 3
Project objectives:
- Develop a web interface with different pages
- Develop a web server with an API
- Communicate with an SQL type data persistence system
- Authenticate users with standard security mechanisms (cookies, password hashes)
- Make a Single Page Application communicate with a Node.js web server

By the end of this course, students will be able to:
- Introduction to client-side web programming
- Vue.js
- Introduction to server-side web programming
- Node.js / Express.js
- Authentication and database connectivity (security, data persistence)

This course is built on the knowledge of Web Programming to go deeper into the areas of HTML, CSS, XML, JavaScript and other Web technologies, focusing on the server-side coding and database manipulation required for enterprise level web applications. In this course, students will learn how to use a modern front-end framework, Vue.js, as well as Node.js as a back-end framework. They will also learn how to establish a client-server communication using a JSON API.

As this is a heavily practical discipline, the content will be delivered over 35 hours of lectures and practical sessions. This will support the underlying knowledge and skills required to complete the module, and will be facilitated with booklets, course texts, and the internet. Group discussions will also take place in these sessions.

- Eduonix Learning Solutions, "Learn Node.js by Building 6 Projects," Packt Publishing, ISBN: 978-1-78829-363-1
- Philippe Hong, "Practical Web Design," Packt Publishing, ISBN: 978-1-78839-503-8
- Eric Sarrion, "Vue.js: cours et exercices," Eyrolles, ISBN: 978-2-212-67950-2

Use online resources such as Stack Overflow, W3Schools, or Libraries to find solutions or examples for common problems or challenges.
- XAMPP or MAMP to test and debug your code
- IDE Visual Studio Code as an example.
- Git