JavaScript Fundamentals – Objects – Modules – DOM tree – Node properties – browser events – Event delegation – UI Events -Forms, controls – Mutation observer – Event loop: microtasks and macrotasks – MERN Components – React – Node.js – Express – MongoDB – Need for MERN – Server-Less Hello World – Server Setup – nvm – Node.js – npm.

EXPERIMENTS

1. Create a form and validate the contents of the form using JavaScript.

2. Setup the MERN environment and develop a simple program

React Introduction – React ES6 – React Render HTML – React JSX – Components -React Classes -Composing Components – Passing Data – Dynamic Composition – React state – setting State – Async State Initialization – Event Handling Communicating from Child to Parent – Stateless Components -Designing components- React Forms – React CSS – React SaaS

EXPERIMENTS

1.Create a counter using ReactJS

2. Create BMI calculator using ReactJS and Java Script

Node.js basics – Local and Export Modules – Node Package Manager – Node.js File system – Node Inspector – Node.js EventEmitter – Frameworks for Node.js – Express.js Web App – Serving static Resource – Node.js Data Access – Express REST APIs – JSON- Express – Routing – Handler Function – Middleware -The List API – Automatic Server Restart – Testing – The Create API – Using the List API – Error Handling

EXPERIMENTS

1. Create a NodeJS server that serves static HTML and CSS files to the user without using Express.

2. Create a NodeJS server using Express that stores data from a form as a JSON file and displays it in another page.

3. Create a To-do 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.

MongoDB Basics-Collections – Query Language -The mongo Shell – Schema Initialization- MongoDB Node.js Driver – Reading from MongoDB – Writing to MongoDB, c**d operations – projections – Indexing – Aggregation – Replication – Sharding – Creating backup ᎓ Deployment.

Experiments:

1. Create a simple Sign up and Login mechanism and authenticate the user using session. The user information can be stored in either MongoDB or MySQL and the server should be built using NodeJS and Express Framework

2. Create a NodeJS server that creates, reads, updates and deletes event details and stores them in a database. The information about the user should be obtained from a HTML form

Modularization and Webpack – Routing with React Router – Forms – More Filters in the List API – UI Components – Update API – Delete API – React-Bootstrap – Bootstrap Installation – Navigation – Table and Panel – Forms – Alerts – Modals -Server Rendering – Basic Server Rendering – Handling State-session handling. EXPERIMENTS

1.Instagram clone using MERN stack

2. Create your own OTT platform using MERN stack

Text Book:

Pro MERN Stack, Full Stack Web App Development with Mongo, Express, React, and Node, Vasan Subramanian, A Press Publisher, 2019.