Om Sakthi

Adhiparasakthi Engineering College, Melmaruvathur

Department of Information Technology

COURSE DETAILS

Branch : Information Technology

Batch : 2022-2026

Academic Year : 2024-2025(ODD)

Year : III

Semester : V

Total No. of Students : 31

Subject Code : IT3501

FULL STACK WEB

Subject Name :
DEVELOPMENT

Name of the Faculty : Mr. P.SAKTHIVEL

Designation : Assistant Professor

SUBJECT IN CHARGE HOD/IT

1
 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
2
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/

3
 Om Sakthi

Adhiparasakthi Engineering College, Melmaruvathur

Department of Information Technology

VISION OF THE DEPARTMENT

To train well educated, skilled and disciplined IT Professionals through

planned technological education to fit in the profession and to cater to the
changing needs of the society through Innovation and Service

MISSION OF THE DEPARTMENT

⮚ To impart high quality education by leveraging new technologies that

help the socio-economic growth of the society

⮚ To inspire the students to develop innovative solutions that addresses the

challenging demands of the modern computing world.

⮚ To inculcate strong ethical values and attitude to serve the mankind

professionally and responsibly

Course Code IT3501

4
 Course Name Full Stack Web Development

Category Professional Core Course

No. of Credit 3

Class III YEAR IT – V Semester

COURSE OBJECTIVES

Course
Objective Course Objectives
No

I To understand the various components of full stack development

II To learn Node.js features and applications

III To develop applications with MongoDB

IV To understand the role of Angular and Express in web applications

V To develop simple web applications with React

COURSE OUTCOMES

Course
Outcome Course Outcome

No.

1 Understand the various stacks available for web application development.

2 Use Node.js for application development.

3 Develop applications with MongoDB.

4 Use the features of Angular and Express.

5 Develop React applications.

PROGRAM OUTCOMES

5
Program
Program Outcomes
Outcome
No.

1. Apply the knowledge of mathematics, science, engineering fundamentals, and an

engineering specialization to the solution of complex engineering problems.

Identify, formulate, review research literature, and analyze complex engineering

2. problems reaching substantiated conclusions using first principles of mathematics,
natural sciences, and engineering sciences.

Design solutions for complex engineering problems and design system components or
3. processes that meet the specified needs with appropriate consideration for the public
health and safety, and the cultural, societal, and environmental considerations

Use research-based knowledge and research methods including design of experiments,

4. analysis and interpretation of data, and synthesis of the information to provide valid
conclusions.

Create, select, and apply appropriate techniques, resources, and modern engineering and
5. IT tools including prediction and modeling to complex engineering activities with an
understanding of the limitations.

Apply reasoning informed by the contextual knowledge to assess societal, health, safety,
6. legal and cultural issues and the consequent responsibilities relevant to the professional
engineering practice

Understand the impact of the professional engineering solutions in societal and

7. environmental contexts, and demonstrate the knowledge of, and need for sustainable
development.

8. Apply ethical principles and commit to professional ethics and responsibilities and norms
of the engineering practice.

9. Function effectively as an individual, and as a member or leader in diverse teams, and in

multidisciplinary settings

Communicate effectively on complex engineering activities with the engineering

10. community and with society at large, such as, being able to comprehend and write
effective reports and design documentation, make effective presentations, and give and
receive clear instructions.

Demonstrate knowledge and understanding of the engineering and management

11. principles and apply these to one’s own work, as a member and leader in a team, to
manage projects and in multidisciplinary environments

12. Recognize the need for, and have the preparation and ability to engage in independent
and life-long learning in the broadest context of technological change.

6
 PROGRAM SPECIFIC OUTCOMES (PSOs)

1. Have proficiency in programming skills to design, develop and apply appropriate

techniques, to solve complex engineering problems.
2. Have knowledge to build, automate and manage business solutions using cutting
edge technologies.
3. Have excitement towards research in applied computer technologies.
MAPPING OF COs WITH POs

SUBJECT NAME: IT3501 – FULL STACK WEB DEVELOPMENT

CO/PO PROGRAM OUTCOMES PSO’S

1 2 3 4 5 6 7 8 9 10 11 12 1 2 3

1. 3 2 0 0 0 0 0 0 1 1 1 1 1 1 0

2. 3 3 3 3 2 1 0 0 2 0 2 3 2 2 1

3. 3 3 2 2 2 2 0 0 2 2 2 3 2 2 1

4. 3 3 2 2 2 1 0 0 1 1 2 2 2 1 1

5. 3 3 3 3 3 1 0 0 0 0 2 2 2 2 1

Avg. 3 3 2 2 2 1 0 0 1 1 2 2 2 2 1

Contribution 1: Reasonable 2: Significant 3: Strong

CO-PO Mapping Justification:

Low-L

Medium-M CO Mapping Justification

High-H

3-H Strongly mapped as the students will be able to apply

the knowledge of mathematics, science, engineering
PO1-CO1,CO5
fundamentals, and an engineering specialization to the
solution of complex engineering problems.

PO2-CO3,CO4 Strongly mapped as the students will be able to

identify, formulate, review research literature, and
analyse complex engineering problems reaching
substantiated conclusions using first principles of
mathematics, natural sciences, and engineering
sciences.

7
 Strongly mapped as the students will be able to design
solutions for complex engineering problems and
design system components or processes that meet the
PO3-CO2, CO4
specified needs with appropriate consideration for the
public health and safety, and the cultural, societal, and
environmental considerations.

Strongly mapped as the students will be able to use

research-based knowledge and research methods
PO4-CO4 including design of experiments, analysis and
interpretation of data, +and synthesis of the
information to provide valid conclusions.

Strongly mapped as the students will be able to create,

select, and apply appropriate techniques, resources,
PO9-CO1,CO5 and modern engineering and IT tools including
prediction and modelling to complex engineering
activities with an understanding of the limitations.

Strongly mapped as the students will be able to

recognize the need for, and have the preparation and
PO11-CO1,CO5
ability to engage in independent and life-long learning
in the broadest context of technological change

2-M Moderately mapped as the students will be able to

identify, formulate, review research literature, and
analyse complex engineering problems reaching
PO1-CO2
substantiated conclusions using first principles of
mathematics, natural sciences, and engineering
sciences.

Moderately mapped as the students will be able to use

research-based knowledge and research methods
PO2-CO2 including design of experiments, analysis and
interpretation of data, and synthesis of the information
to provide valid conclusions.

Moderately mapped as the students will be able to

apply reasoning informed by the contextual
PO3-
knowledge to assess societal, health, safety, legal and
CO1,CO3,CO5
cultural issues and the consequent responsibilities
relevant to the professional engineering practice

Moderately mapped as the students will be ableto

function effectively as an individual, and as a member
PO4-CO1,CO3
or leader in diverse teams, and in multidisciplinary
settings

PO9-CO2,CO3 Moderately mapped as the students will be able to

8
 communicate effectively on complex engineering
activities with the engineering community and with
society at large, such as, being able to comprehend
and write effective reports and design documentation,
make effective presentations, and give and receive
clear instructions.

Moderately mapped as the students will be able to

demonstrate knowledge and understanding of the
PO10-
engineering and management principles and apply
CO1,CO3,CO4,C
these to one’s own work, as a member and leader in a
O5
team, to manage projects and in multidisciplinary
environments

Moderately mapped as the students will be able to

PO12- recognize the need for, and have the preparation and
CO2,CO4,CO5 ability to engage in independent and life-long learning
in the broadest context of technological change.

Slightly mapped as the students will be able to apply

reasoning informed by the contextual knowledge to
PO1- CO3,CO4 assess societal, health, safety, legal and cultural issues
and the consequent responsibilities relevant to the
professional engineering practice

Slightly mapped as the students will be able to

function effectively as an individual, and as a member
PO2- CO1, CO5
or leader in diverse teams, and in multidisciplinary
settings

Slightly mapped as the students will be able to

1-L
Communicate effectively on complex engineering
activities with the engineering community and with
PO4- CO2,CO5 society at large, such as, being able to comprehend
and write effective reports and design documentation,
make effective presentations, and give and receive
clear instructions.

Slightly mapped as the students will be able to create,

select, and apply appropriate techniques, resources,
PO5- CO2,
and modern engineering and IT tools including
CO3,CO5
prediction and modelling to complex engineering
activities with an understanding of the limitations.

CO-PSO Mapping Justification:

Low-L CO Mapping Justification

9
Medium-M

High-H

Strongly mapped as the student will be able to

have proficiency in programming skills to design,
3-H PSO1-CO4
develop and apply appropriate techniques, to
solve complex engineering problems.

Moderately mapped as the student will be able to

have proficiency in programming skills to design,
PSO1- CO2,CO4,CO5
develop and apply appropriate techniques, to
solve complex engineering problems.

2-M Moderately mapped as the student will be able to

have knowledge to build, automate and manage
PSO2- CO1,CO3,CO5
business solutions using cutting edge
technologies.

Moderately mapped as the student will be able

PSO3-CO1,CO2,
tohave excitement towards research in applied
CO3,CO5
computer technologies

Slightly mapped as the student will be able to

PSO1- CO1,CO3,CO4 have excitement towards research in applied
computer technologies

Slightly mapped as the student will be able to

have knowledge to build, automate and manage
1-L PSO2- CO2
business solutions using cutting edge
technologies.

Slightly mapped the student will be able to have

PSO3- CO1 excitement towards research in applied computer
technologies

10
Name Mr. P.SAKTHIVEL

Subject code & Name IT3501

Semester and Year V and III Year IT

Academic Year 2024-2025(ODD)

Plann
Sl. ed BB/ C BT
Date Topics to be covered Text/Ref PO
No hrs. PPT O L
UNIT 1 – BASICS OF FULL STACK

Understanding the basic Web 1,

1. development Framework-User-Browser 1 1
9
Webserver-backend services 1,
2. 1 2
11
MVC Architecture- Understanding 1,
3. 1 2
the different stacks PP 11
Text
The role of Express, Angular T 9,
4. Book 1 1 3
11
5. Node
1,
1 2
MongoDB, React 9
6.
Class Test 9,
7. 1 3
11
UNIT II – NODE JS

Basics of Node JS-Installation - Working 3,

8. 2 1
with node packages- 9
Using Node package manager -Creating a 3,
9. 2 3
simple node.js application 9
Using Events- 3,
10. 2 4
Text PP 1
Listeners - Timers- Book 1 T 3,
11. 2 5
2
3,
12. 2 3
Callbacks - Handling Data I/O 12
Implementing HTTP Services in node.js 3,
13. 2 2
12
UNIT III – MONGO DB

BB, 2,
14. Understanding NoSQL and MongoDB - 3 5
Text PP 3
Building MongoDB Environment T
Book 1 2,
15. User accounts - Access control 3 2
9
Administering Databases 2,
16. 3 1
10
2,
17. Managing Collections 3 3
3
18. Connecting to MongoDB from Node.js 3 2, 4
4
11
 2,
19. Simple applications 3 5
4
UNIT IV-EXPRESS AND ANGULAR

Implementing Express in Node.js, 2,

20. 4 5
Configuring routes 3
Using Request and Response objects, 2,
21. 4 4
Angular 4
Typescript 3,
22. Text BB, 4 5
4
Book 1 PP 2,
Angular Components
23. T 4 2
3
Expressions, Data binding 2,
24. 4 1
3
Built-in directives 2,
25. 4 4
4
UNIT – V REACT

26. MERN STACK- Basic react applications 5 1,9 1

React components, React State 1,1
27. 5
1 2
Text PP
Express rest APIs, Modularization and Book 1 T 1,1
28. 5
1 3
webpack
Routing with React Router, Server-side 9,1
29. 5
1 5
rendering

Along with below the following activities are also planned and included:

Activity Name No. of Activity per semester

Assessment Test

Model Exams

Assignment

Miniproject

No.of .Experiments

Seminar

Quiz /Role Play

12
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/

SUBJECT IN-CHARGE HOD/IT

13