L T P C
21PCS09 MERN STACK WEB DEVELOPMENT
3 0 0 2
Course Objective
Learn the fundamentals of Web.
Learn to build Web page with NodeJS and ExpressJS.
Learn to develop an interactive Web application using Javascript.
Learn to develop Responsive user interface using React.
Learn to design a Web application with MySQL and NoSQL database.
UNIT I INTRODUCTION 9
The Internet- Basic Internet Protocols - Web Fundamentals - HTML: Layouts, Grid, flex box - CSS:
Selectors, Variables, Transitions, Responsive Web Design- Overview of Full stack – MVC
Architecture: MEAN, MERN, Django.
UNIT II JAVA SCRIPT 10
JavaScript: Introduction, Variables, Data types, Operators, Type conversions, Control statement,
Functions: Predefined function, Function Expression, Recursion, Anonymous function, Arrow
function- Asynchronous function: setTimeout(), setInterval(), Callback, Promises, async/await -
Object- Exception Handling- DOM Manipulation.
UNIT III REACT 11
Introduction - JSX - Rendering Elements - Components and props, State and Life cycle, Handling
Events, Conditional Rendering, List and keys, Forms, ReactDOM, Hooks.
UNIT IV [Link] and [Link] 6
[Link]: Introduction, Installation and configuration, NPM: Development dependency, Modules:
Local Module, Export Module, HTTP Module, File system, Path module, URL Module, Events,
Nodemailer, Nodemon, OS , Bodyparser - [Link]: Request , Response , HTTP Methods, Routing -
Template Engines : HTML Injection , EJS , Handle bars - Postman API.
UNIT V DATABASE CONNECTIVITY 9
Introduction to MYSQL - Integration with MySQL2 - Introduction to NoSQL and MongoDB -
Installation of MongoDB - Basic Data Types: Documents, Collections, Dynamic Schemas, Embedded
Documents, Creating, Updating, Inserting and Deleting Documents - Integration with Mongoose.
TOTAL: 45 PERIODS
Course Outcomes
At the end of the course, learners will be able to:
Construct a basic website using HTML, Cascading Style Sheets.
Build Web page with NodeJS and ExpressJS
Design an interactive Web application using Javascript.
Develop Responsive user interface using React.
Design a Web application with MySQL and NoSQL database
TEXT BOOKS
1. Brad Dayley, Brendan Dayley, Caleb Dayley, “[Link], MongoDB and Angular Web
Development “, Second Edition, Pearson, 2017.
2. Shay Howe, “Learn to Code HTML & CSS Develop & Style Websites”, New Riders, Pearson
Education, 2014.
3. Alex Banks, Eve Porcello ,“Learning React: Functional Web Development with React and
Redux”,O′Reilly,2017.
REFERENCES
1. John Duckett, “HTML and CSS design and build websites”, John Wiley & Sons, Inc.
CO – PO Mapping
Co/PO PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10 PO11 PO12 PSO1 PSO2 PSO3
CO1 3 3 3 2 1 3 1 3 2 2 3 3
CO2 3 3 3 3 1 3 1 3 2 2 3 3
CO3 3 3 3 3 1 3 1 3 2 2 3 3
CO4 3 3 3 3 1 3 1 3 2 2 3 3
CO5 3 3 3 3 1 3 1 3 2 2 3 3