ADHIPARASAKTHI ENGINEERING COLLEGE

Melmaruvathur-603319
(Approved by AICTE, New Delhi, Affiliated to Anna University - Chennai & Accredited by TATA Consultancy Services)

DEPARTMENT OF INFROMATION TECHNOLOGY

Lesson Plan

Subject Code/Title: IT3501/FULL STACK WEB DEVELOPMENT Year /Branch: III/ IT

Name of the Faculty: Mr.P.SAKTHIVEL Department: IT Month: AUGEST 2024 To NOV 2024

No. of Reference
Cumulative Teaching
Date Hours Topic(s)Planned Periods Book No.&
periods Aids
planned Page No.
UNIT 1 – BASICS OF FULL STACK
BB& T1: Page No
1 1 7-14
Understanding the basic Web development Framework-User-Browser Projector
BB& T1: Page No
1 2 7-14
Webserver-backend services Projector
BB& T1: Page No
MVC Architecture- Understanding the different stacks 1 3 7-14
Projector
BB& T1: Page No
The role of Express, Angular 1 4 7-14
Projector
BB& T1: Page No
Node 1 4 7-14
Projector
BB& T1: Page No
MongoDB, React 1 6 7-14
Projector
Class Test BB & T1: Page No
1 8 7-14
Projector

UNIT II – NODE JS
BB& T1: Page No
Basics of Node JS-Installation - Working with node packages- 1 39 - 47
Projector
 BB& T1: Page No
Using Node package manager -Creating a simple node.js application 1 10 46 - 53
Projector

1 BB T1: Page No
Using Events- 11 55 - 66
12 BB& T1: Page No
Listeners - Timers- 1 55 - 66
Projector
BB& T1: Page No
1 13 73 - 92
Callbacks - Handling Data I/O Projector

BB& T1: Page No

Implementing HTTP Services in node.js 1 15 115 - 137
Projector

UNIT III – MONGO DB

BB& T1: Page No
2 16 191 - 200
Understanding NoSQL and MongoDB - Building MongoDB Environment Projector

BB& T1: Page No

User accounts - Access control 17 Projector 201 - 211

BB& T1: Page No

Administering Databases 1 18 211 - 218
Projector

Managing Collections 1 BB T1: Page No

19 211 - 218

BB& T1: Page No

Connecting to MongoDB from Node.js 1 20 221 - 239
Projector

BB& T1: Page No

Simple applications 2 22 241 - 257
Projector

UNIT IV-EXPRESS AND ANGULAR

 1 23 BB& T1: Page No
Implementing Express in Node.js, Configuring routes Projector 343 - 347

BB& T1: Page No

Using Request and Response objects, Angular 2 24 Projector 347 – 353
383-397

BB& T1: Page No

1 25 347 – 353
Typescript Projector
383-397
BB& T1: Page No
Angular Components 1 26 383-397
Projector
403 - 414
BB& T1: Page No
Expressions, Data binding 1 27 Projector 415 – 429
430 - 440
1 BB& T1: Page No
Built-in directives 28 Projector 440 - 445

UNIT – V REACT

BB& T2: Page No

MERN STACK- Basic react applications 29 Projector 1 –15
17 - 36
BB& T2: Page No
React components, React State 30 Projector 41 – 55
51 - 82

BB& T2: Page No

3 Express rest APIs, Modularization and webpack 31 Projector 88 – 89
203 - 229

BB& T2: Page No

1 Routing with React Router, Server-side rendering 32 Projector 233 - 259
377 -414
 SYLLABUS

IT3501-FULL STACK WEB DEVELOPMENT

COURSE OBJECTIVES:
• To understand the various components of full stack development
• To learn Node.js features and applications
• To develop applications with MongoDB
• To understand the role of Angular and Express in web applications
• To develop simple web applications with React
UNIT I - BASICS OF FULL STACK
Understanding the Basic Web Development Framework - User - Browser – Webserver - Backend Services – MVC Architecture -
Understanding the different stacks –The role of Express – Angular – Node – Mongo DB – React

UNIT II - NODE JS
Basics of Node JS – Installation – Working with Node packages – Using Node package manager – Creating a simple Node.js
application – Using Events – Listeners –Timers - Callbacks – Handling Data I/O – Implementing HTTP services in Node.js

UNIT - III MONGO DB

Understanding NoSQL and MongoDB – Building MongoDB Environment – User accounts – Access control – Administering
databases – Managing collections – Connecting to MongoDB from Node.js – simple applications

UNIT - IV EXPRESS AND ANGULAR

Implementing Express in Node.js - Configuring routes - Using Request and Response objects - Angular - Typescript - Angular
Components - Expressions - Data binding - Built-in directives

UNIT - V REACT
MERN STACK – Basic React applications – React Components – React State – Express REST APIs - Modularization and Webpack -
Routing with React Router – Server-side rendering
COURSE OUTCOMES:
At the end of the course, students will be able to
CO1: Understand the various stacks available for web application development
CO2: Use Node.js for application development
CO3: Develop applications with MongoDB
CO4: Use the features of Angular and Express
CO5: Develop React applications
TEXT BOOKS
1. Brad Dayley, Brendan Dayley, Caleb Dayley, ‘Node.js, MongoDB and Angular Web Development’, Addison-Wesley, Second
Edition, 2018
2. Vasan Subramanian, ‘Pro MERN Stack, Full Stack Web App Development with Mongo, Express, React, and Node’, Second
Edition, Apress, 2019.
REFERENCES
1. Chris Northwood, ‘The Full Stack Developer: Your Essential Guide to the
Everyday Skills Expected of a Modern Full Stack Web Developer’, Apress; 1st
edition, 2018
2. Kirupa Chinnathambi, ‘Learning React: A Hands-On Guide to Building Web
Applications Using React and Redux’, Addison-Wesley Professional, 2nd edition,
2018
3. https://www.tutorialspoint.com/the_full_stack_web_development/index.asp
4. https://www.coursera.org/specializations/full-stack-react
5. https://www.udemy.com/course/the-full-stack-web-development/
STAFF INCHARGE BATCH CO-ORDINATOR HOD PRINCIPAL