Course

Unit I

Basics of Web Development 

1. Create a simple webpage layout that includes a header, a navigation bar, a main content area with two columns, and a footer. 
2. Apply basic CSS styling to make the webpage visually appealing, including background colors, font styles, and margins. 
3. Write a JavaScript function to validate a contact form. Ensure that the name, email, and message fields are not empty before allowing form submission. Display error messages if any field is left blank. 
4. Create an HTML table with headers for each column and populate it with sample data. Use attributes like colspan and rowspan to merge cells for more complex layouts. 

Unit II

React.js Lab Programs

1. Set up a React.js project using Create React App. 
2. Create functional and class based React components for a simple UI. 
3. Implement state management using React’s useState and useContext hooks. 
4. Integrate React Router for client-side routing in a React.js application. 
5. Fetch data from a RESTful API and display it dynamically in a React.js application 

Unit III

Node.js Lab Programs

1. Create a simple HTTP server using Node.js. 
2. Implement basic file I/O operations (read/write) using Node.js fs module. 
3. Implement a program to read the query string using Node JS(Using URL Module) 
4. Set up routing and request handling using the built-in HTTP module in Node.js. 
5. Implement email service using NodeJS nodemailer service. 
6. Integrate third-party APIs (e.g., weather API) into a Node.js application 

Unit IV

Express.js Lab Program

1. Set up an Express.js project structure with routing.
2. Create RESTful APIs for a simple to-do list application using Express.js.
3. Implement middleware functions for authentication and error handling in an Express.js application.
4. Integrate Express.js with MongoDB using Mongoose for CRUD operations.

Unit V

MongoDB Lab Programs

• Install MongoDB and setup a local database server
• Create a MongoDB database and define collections
• Perform CRUD operations (Create, Read, Update, Delete) on MongoDB collections using the MongoDB shell
• Connect a Node.js application to MongoDB using the official MongoDB Node.js driver
• Implement basic data validation a schema definition using Mongoose in a Node.js application

Course Objective(s) 

• Understand the foundational concepts of web development and the MEARN stack, including MongoDB, Express.js, React.js, and Node.js. 
• Construct RESTful APIs (Application Programming Interfaces) using Node.js and Express.js for seamless communication between front-end and back-end. 
• Analyze and implement CRUD (Create, Read, Update, Delete) operations using MongoDB as the database management system. 
• Apply best practices in software development, including code modularity, scalability, and error handling, to create robust and maintainable full stack applications. 

Course Outcomes 

CO-PO Mapping

Textbooks: 

• https://www.sites.google.com/site/amritaevs/home 
• R. Rajagopalan, Environmental Studies: From Crisis to Cure. Oxford University Press, 2011, 358 pages. ISBN: 9780198072089.  
• Daniel D. Chiras, Environmental Science. Jones & Bartlett Publishers, 01-Feb-2012, 669 pages. ISBN: 9781449645311. 

References: 

• Andy Jones, Michel Pimbert and Janice Jiggins, 2011. Virtuous Circles: Values, Systems, Sustainability. IIED and IUCN CEESP, London. URL:http://pubs.iied.org/pdfs/G03177.pdf 
• Annenberg Learner, The Habitable Planet, Annenberg Foundation 2015. URL: http://www.learner.org/courses/envsci/unit/pdfs/textbook.pdf