MC4212 Full Stack Web Development Laboratory Syllabus:

MC4212 Full Stack Web Development Laboratory Syllabus – Anna University PG Syllabus Regulation 2021

COURSE OBJECTIVES:

 To implement the client side of the web application using javascript.
 To understand Javascript on the desktop using NodeJS.
 To develop a web application using NodeJS and Express.
 To implement a SPA using React.
 To develop a full stack single page application using React, NodeJS, and a Database (MongoDB or SQL).

LIST OF EXPERIMENTS:

1. Create a form and validate the contents of the form using JavaScript.
2. Get data using Fetch API from an open-source endpoint and display the contents in the form of a card.
3. Create a NodeJS server that serves static HTML and CSS files to the user without using Express.
4. Create a NodeJS server using Express that stores data from a form as a JSON file and displays it in another page. The redirect page should be prepared using Handlebars.
5. Create a NodeJS server using Express that creates, reads, updates and deletes students details and stores them in MongoDB database. The information about the user should be obtained from a HTML form.
6. Create a NodeJS server that creates, reads, updates and deletes event details and stores them in a MySQL database. The information about the user should be obtained from a HTML form.
7. Create a counter using ReactJS
8. Create a Todo application using ReactJS. Store the data to a JSON file using a simple NodeJS server and retrieve the information from the same during page reloads.
9. Create a simple Sign up and Login mechanism and authenticate the user using cookies. The user information can be stored in either MongoDB or MySQL and the server should be built using NodeJS and Express Framework.
10. Create and deploy a virtual machine using a virtual box that can be accessed from the host computer using SSH.
11. Create a docker container that will deploy a NodeJS ping server using the NodeJS image.

TOTAL: 60 PERIODS

SOFTWARE REQUIREMENTS

1. NodeJS/Express JS, ReactJS, Docker, any IDE like NOTEPAD++/visual studio code/sublime text etc.,
2. MySQL, MongoDB

COURSE OUTCOMES:

CO1: To implement and deploy the client side of the web application.
CO2: To develop and deploy server side applications using NodeJS.
CO3: To use Express framework in web development.
CO4: To implement and architect database systems in both NoSQL and SQL environments.
CO5: To develop a full stack single page application using React, NodeJS, and a Database and deploy using containers.