At the end of this module, students will be able to:

Learn Node.js

Learn Vue.js

Master the Components architecture

Master front-end routing in a web application

Master back-end routing in a web application

Understanding client-server interaction

Understanding WEB API.

Understand the basics of the HTTP protocol

Outline:

Reminder: Fundamentals of Web Programming, HTML, CSS, Javascript

Client-server interaction

The Front end: Vue.js

The Back end: Node.js/Express

Asynchronous communications with JSON

Data persistence with SQL and authentication

50% - A portfolio-based exam: Questions based on the portfolio of work (web programming) developed in the weekly practical sessions. This portfolio should build up from simple to more complex activities. The module instructor should inform the students in advance which exercises will be graded and are necessary for passing the class. (Lo 1, 2 and 3)


50% - Project Work evaluation: an evaluation of a project carried out by teams of two or three students (Lo 3)

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.

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

Knowledge and Understanding

2. Demonstrate a critical understanding of the component’s architecture, including back-end routine and front-end routine in a web application

Analysis.

3. Plan and program web applications to interact with simple databases.

Application, Problem Solving, Communication

The Internet, Web Server PHP, JavaScript, MYSQL, Vue.js, and Node.js

- Learn Node.js by Building 6 Projects, Build six practical and instructive Node.js projects, Eduonix Learning Solutions, Packt Publishing, March 2018 https://univ.scholarvox.com/reader/docid/88856825/page/1?searchterm=Learn%20Node.js%20by%20Building%206%20Projects

- Practical Web Design, Learn the fundamentals of web design with HTML5, CSS3, Bootstrap, jQuery, and Vue.js, Hong, Philippe, Ed. Packt Publishing, 2018 https://univ.scholarvox.com/reader/docid/88856867/page/1?searchterm=web

-Vue.js : cours et exercices, Eric Sarrion, Eyrolles, 2020 https://univ.scholarvox.com/catalog/book/docid/88883895?searchterm=vue=;js

Available to EFREI students only

This module builds 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 module, you learn how to use a modern front-end framework, Vue.js, as well as Node.js as a back-end framework. You also learn how to make a client and a server communicate using a JSON API.