Course file

Department of CSE-AI&ML&DS

Subject Name Mean Stack Development

Faculty Name Mr. R.S.V.V. PRASAD RAO
Email [email protected]
Year & Sem III-II AI-ML & DS
 Internal Quality Assurance Cell (IQAC)
Course File audit

III-II
Course Name: Mean Stack Development Class AI&ML -B
DS
Faculty Name: Mr. R.S.V.V. PRASAD RAO Regulation R20

Department: CSE-AI&ML&DS Academic year 2024-25

S. No Content Available Status

1. Cover Page Yes/No
2. IQAC verification page Yes/No
3. Content Page Yes/No
4. Vision and Mission of the Institute – Principal signed Xerox Yes/No
copy
5. Vision and Mission of the Department – HoD signed Xerox Yes/No
copy
6. Program Educational Objectives (PEOs) - HoD signed Xerox Yes/No
copy
7. Program Outcomes (POs) - HoD signed Xerox copy Yes/No
8. Program Specific Outcomes (PSOs) - HoD signed Xerox Yes/No
copy
9. Course Syllabus – Xerox copy from University
curriculum book
10. Academic Calendar –given by University - Xerox copy Yes/No
Class Time table – Signed and Xerox copy (highlighting the
11. Yes/No
course periods including tutorial)
L:
Lesson Plan with S.No as L.No, Topic, Teaching aid
T:
12. (TA)/Methodology (TM), Text/Reference book and web
TA:
references.
TM:
i. Course Outcomes (COs) – 6 Based on Cos:
syllabus with BT level mapped POs:
13. ii. Course Outcomes Mapping with POs and PSOs:
 PSOs iii. Justification for CO-PO and CO-
PSO mapping
Gaps:
List of Gaps within the syllabus – Mapping to CO, POs and COs:
14.
PSOs with Justification and proposed mode of addressing POs:
PSOs:
Gaps:
List of Gaps beyond the syllabus – Mapping to POs and PSOs
15. POs:
with Justification and proposed mode of addressing
PSOs:
POs:
16. CO – PO/PSO Mapping including Gaps
PSOs:
17. Gap addressed – Single page report Yes/No
18. Brief notes on the importance of the course Yes/No
19. Lecture Notes - Unit wise including gaps Pages:
PPTs:
20. List of Power Point Presentations / Videos along with CD
Videos:
21. University Question Papers (3 previous years Xerox copies) Yes/No
22. Unit wise short and long answer question bank Qs:
23. Unit wise Quiz Questions Qs:
Class Tests Question Papers mapped with CO and BT with
24. solutions (Award list, Xerox copy of any 3 students answer Yes/No
scripts)
Assignment Question Papers mapped with CO and BT with
25. solutions (Award list, Xerox copy of any 3 students answer Yes/No
scripts)
Internal Question Papers mapped with CO and BT (Present
26. sem course and previous 3 years Xerox copy) with solutions Yes/No
(Award list, Xerox copy of any 3 students answer scripts)
27. Scheme of evaluation with CO and BT mapping Yes/No
28. Tutorial topics with evidence both material and attendance Yes/No
3 lists of slow and advanced learners –
1. Based on previous semester/up to previous semester. Yes/No
29. Yes/No
2. Based on faculty observations up to 3 weeks.
3. Based on 1st mid exams. Yes/No
30. Remedial class for slow learners – schedule and Yes/No
contents/materials.
31. Remedial class attendance sheet with delivery record Yes/No
Advance Learners – Engagement documentation for
32. GATE preparations No.
Or any others (please specify) No.
List of student certifications in relevant NPTEL/other MOOC Reg:
33.
courses Cert:
34. Course Assessment (Plan & Execution) Att:
35. Course end survey form, filled forms and analysis Att:
Students feedback on faculty and TL analysis, corrective Yes/No
36.
measured planned – 3rd & 13th week Yes/No
37. Result Analysis at the end of the course Pass%:
38. Observation for not attaining CO or for improvement No. of obs.
 39. Plan of action to improve CO attainment next time No. of act
Attendance register (including Theory/Tutorial) – Filled
40.
Teacher/Course delivery record, continuous evaluation Yes/No
41. Course file (Digital form) – all the above contents Yes/No

Note: Other than Yes/No, please give the number/statistics Observations:

Remarks:

Signatures of Audit Committee members

 Department of CSE-AI & ML & DS

Course File Contents

S. No Content

1. Cover Page
2. IQAC verification page
3. Content Page
4. Vision and Mission of the Institute – Principal signed Xerox copy
5. Vision and Mission of the Department – HoD signed Xerox copy
6. Program Educational Objectives (PEOs) - HoD signed Xerox copy
7. Program Outcomes (POs) - HoD signed Xerox copy
8. Program Specific Outcomes (PSOs) - HoD signed Xerox copy
9. Course Syllabus – Xerox copy from University curriculum book
10. Academic Calendar –given by University - Xerox copy
11. Class Time table – Signed and Xerox copy (highlighting the course periods
including tutorial)
12. Lesson Plan with S.No as L.No, Topic, Teaching aid (TA)/Methodology (TM),
Text/Reference book and web references.
13. i. Course Outcomes (COs) – 6 Based on syllabus with BT level mapped
ii. Course Outcomes Mapping with POs and PSOs
iii. Justification for CO-PO and CO-PSO mapping

14. List of Gaps within the syllabus – Mapping to CO, POs and PSOs with Justification
and proposed mode of addressing
15. List of Gaps beyond the syllabus – Mapping to POs and PSOs with Justification and
proposed mode of addressing

16. CO – PO/PSO Mapping including Gaps

17. Gap addressed – Single page report

18. Brief notes on the importance of the course
19. Lecture Notes - Unit wise including gaps
20. List of Power Point Presentations / Videos along with CD
21. University Question Papers (3 previous years Xerox copies)
22. Unit wise short and long answer question bank
23. Unit wise Quiz Questions
24. Class Tests Question Papers mapped with CO and BT with solutions
(Award list, Xerox copy of any 3 students answer scripts)
25. Assignment Question Papers mapped with CO and BT with solutions
(Award list, Xerox copy of any 3 students answer scripts)
26. Internal Question Papers mapped with CO and BT (Present Sem course and
previous 3 years Xerox copy) with solutions (Award list, Xerox copy of any 3
students answer scripts)
27. Scheme of evaluation with CO and BT mapping
28. Tutorial topics with evidence both material and attendance
29. 3 lists of slow and advanced learners –
1. Based on previous semester/up to to previous semester.
2. Based on faculty observations upto 3 weeks.
3. Based on 1st mid exams.
30. Remedial class for slow learners – schedule and contents/materials.
31. Remedial class attendance sheet with delivery record
32. Advance Learners – Engagement documentationFor
GATE preparations
Or any others (please specify)
33. List of student certifications in relevant NPTEL/other MOOC courses
34. Course Assessment (Plan & Execution)
35. Course end survey form, filled forms and analysis
36. Students feedback on faculty and TL analysis, corrective measured
planned – 3rd & 13th week
37. Result Analysis at the end of the course
38. Observation for not attaining CO or for improvement
39. Plan of action to improve CO attainment next time
40. Attendance register (including Theory/Tutorial) – Teacher/Course delivery
record, continuous evaluation
41. Course file (Digital form) – all the above contents
Department of CSE-AI & ML & DS

Vision & Mission of Institute

Department of CSE-AI & ML & DS

Vision & Mission of Department

 Department of CSE-AI & ML & DS
Program: AI & ML & DS Year: 2023-2024
Course: Mean Stack Development Semester: III-II
Faculty Name: Mr. R.S.V.V. Prasad Rao Course Type: Regular

L T P C
III B Tech II Sem
3 0 0 3
MEAN STACK DEVELOPMENT
(Job Oriented Course)

Course Outcomes:
At the end of the Course, Student will be able to:
 Build static web pages using HTML 5 elements.
 Apply JavaScript to embed programming interface for web pages and also to
perform Client side validations.
 Build a basic web server using Node.js, work with Node Package Manager (NPM)
and recognize the need for Express.js.
 Develop JavaScript applications using typescript and work with
document database using MongoDB.
 Utilize Angular JS to design dynamic and responsive web pages.

UNIT-I:
HTML 5: Introduction to Web, Overview of Web Technologies, HTML - Introduction,
HTML - Need, Case-insensitivity, Platform-independency, DOCTYPE Declaration, Types
of Elements, HTML Elements - Attributes, Metadata Element, Sectioning Elements,
Paragraph Element, Division and Span Elements, List Element, Link Element, Character
Entities, HTML5 Global Attributes, Creating Table Elements, Table Elements : Colspan/
Rowspan Attributes, border, cellspacing and cellpadding attributes, Creating Form
Elements, Input Elements - Attributes, Color and Date Pickers, Select and Datalist
Elements, Editing Elements, Media, Iframe, Why HTML Security, HTML Injection,
Clickjacking, HTML5 Attributes & Events Vulnerabilities, Local Storage Vulnerabilities,
HTML5 - Cross-browser support, Best Practices For HTML Web Pages.

UNIT-II:
JavaScript: Why we need JavaScript, What is JavaScript, Environment Setup, Working
with Identifiers, Type of Identifiers, Primitive and Non Primitive Data Types, Operators
and Types of Operators, Types of Statements, Non - Conditional Statements, Types of
Conditional Statements, If and Switch Statements, Types of Loops, Types of Functions,
Declaring and Invoking Function, Arrow Function, Function Parameters, Nested Function,
Built-in Functions, Variable Scope in Functions, Working With Classes, Creating and
Inheriting Classes, In-built Events and Handlers, Working with Objects, Types of Objects,
Creating Objects, Combining and cloning Objects using Spread operator, Destructuring
Objects, Browser and Document Object Model, Creating Arrays, Destructuring Arrays,
Accessing Arrays, Array Methods, Introduction to Asynchronous Programming, Callbacks,
Promises, Async and Await, Executing Network Requests using Fetch API, Creating and
consuming Modules.

UNIT-III:
Node.js: Why and What Node.js, How to use Node.js, Create a web server in Node.js,
Node Package Manager, Modular programming in Node.js, Restarting Node Application,
File Operations.
Express.js: Express Development Environment, Defining a route, Handling Routes, Route
and Query Parameters, How Middleware works, Chaining of Middlewares, Types of
Middlewares, Connecting to MongoDB with Mongoose, Validation Types and Defaults,
Models, CRUD Operations, API Development, Why Session management, Cookies,
Sessions, Why and What Security, Helmet Middleware, Using a Template Engine
Middleware, Stylus CSS Preprocessor.

UNIT-IV:
Typescript: Installing TypeScript, Basics of TypeScript, Function, Parameter Types and
Return Types, Arrow Function, Function Types, Optional and Default Parameters, Rest
Parameter, Creating an Interface, Duck Typing, Function Types, Extending Interfaces,
Classes, Constructor, Access Modifiers, Properties and Methods, Creating and using
Namespaces, Creating and using Modules, Module Formats and Loaders, Module Vs
Namespace, What is Generics, What are Type Parameters, Generic Functions, Generic
Constraints.
MongoDB: Introduction Module Overview, Document Database Overview, Understanding
JSON, MongoDB Structure and Architecture, MongoDB Remote Management, Installing
MongoDB on the local computer (Mac or Windows), Introduction to MongoDB Cloud,
Create MongoDB Atlas Cluster, GUI tools Overview, Install and Configure MongoDB
Compass, Introduction to the MongoDB Shell, MongoDB Shell JavaScript Engine,
MongoDB Shell JavaScript Syntax, Introduction to the MongoDB Data Types, Introduction
to the CRUD Operations on documents, Create and Delete Databases and Collections,
Introduction to MongoDB Queries.

UNIT-V:
What is Angular, Features of Angular, Angular Application Setup, Components and
Modules, Executing Angular Application, Elements of Template, Change Detection,
Structural Directives - ngIf, ngFor, ngSwitch, Custom Structural Directive, Attribute
Directives - ngStyle, ngClass, Custom Attribute Directive, Property Binding, Attribute
Binding, Style and Event Binding, Built in Pipes, Passing Parameters to Pipes, Nested
Components Basics, Passing data from Container Component to Child Component, Passing
data from Child Component to ContainerComponent, Shadow DOM, Component Life
Cycle, Template Driven Forms, Model Driven Forms or Reactive Forms, Custom
Validators in Reactive Forms, Custom Validators in Template Driven forms, Dependency
Injection, Services Basics, RxJS Observables, Server Communication using HttpClient,
Communicating with different backend services using Angular HttpClient, Routing Basics,
Router Links, Route Guards, Asynchronous Routing, Nested Routes.
 Department of CSE-AI & ML & DS
Text Books Cover Page

Text Books:
Textbook 1 Textbook 2
 Reference book(s)
Textbook 1: Textbook 2:
JNTUK Academic Calendar for the A.Y. 2024-25
 Lesson Plan

Program: AI & ML & DS Year: 2023-2024

Course: Mean Stack Development Semester: III-II
Faculty Name: Mr. R.S.V.V. Prasad Rao Course Type: Regular

L.No Topic/ Sub Topic Reference

with Page Teaching
Numbers method##

Chalk &
1. UNIT- I : Introduction WL1
Talk
S/P:-Slides/
2. Introduction to Web, Overview of Web Technologies WL1 PPT;
Videos
S/P:-Slides/
3. HTML - Introduction, HTML - Need, Case insensitivity WL1 PPT;
Videos
S/P:-Slides/
4. Platform-independency, DOCTYPE Declaration, Types of Elements WL1 PPT;
Videos
S/P:-Slides/
5. HTML Elements - Attributes, Metadata Element, Sectioning Elements WL1 PPT;
Videos
S/P:-Slides/
6. Paragraph Element, Division and Span Elements WL1 PPT;
Videos
S/P:-Slides/
List Element, Link Element, Character Entities, HTML5 Global
7. Attributes, Creating Table Elements
WL1 PPT;
Videos
S/P:-Slides/
Table Elements : Colspan/ Rowspan Attributes, border, cell spacing and
8. cell padding attributes
WL1 PPT;
Videos
Creating Form Elements, Input Elements - Attributes, Color and Date S/P:-Slides/
9. Pickers, Select and Datalist Elements, Editing Elements, Media, Iframe, WL1 PPT;
Why HTML Security, HTML Injection Videos

Clickjacking, HTML5 Attributes & Events Vulnerabilities, Local S/P:-Slides/

10. Storage Vulnerabilities, HTML5 - Cross -browser support, Best WL1 PPT;
Practices Videos
S/P:-Slides/
UNIT-II JavaScript: Why we need JavaScript, What is JavaScript,
11. WL2 PPT;
Environment Setup Videos
S/P:-Slides/
Working with Identifiers, Type of Identifiers, Primitive and Non
12. Primitive Data Types
WL2 PPT;
Videos
S/P:-Slides/
Operators and Types of Operators, Types of Statements, Non -
13. Conditional Statements
WL2 PPT;
Videos
S/P:-Slides/
Types of Conditional Statements, If and Switch Statements, Types of
14. Loops
WL2 PPT;
Videos
 S/P:-Slides/
Types of Functions, Declaring and Invoking Function, Arrow Function,
15. Function Parameters
WL2 PPT;
Videos
S/P:-Slides/
Nested Function, Built -in Functions, Variable Scope in Functions,
16. Working With Classes, Creating and Inheriting Classes,
WL2 PPT;
Videos
S/P:-Slides/
In -built Events and Handlers, Working with Objects, Types of Objects,
17. Creating Objects
WL2 PPT;
Videos
S/P:-Slides/
Combining and cloning Objects using Spread operator, Destructuring
18. Objects, Browser and Document Object Model
WL2 PPT;
Videos
S/P:-Slides/
Creating Arrays, Destructuring Arrays, Accessing Arrays, Array
19. Methods
WL2 PPT;
Videos
S/P:-Slides/
20. Introduction to Asynchronous Programming, Callbacks WL2 PPT;
Videos
S/P:-Slides/
21. Promises, Async and Await WL2 PPT;
Videos
S/P:-Slides/
22. Executing Network Requests using Fetch API WL2 PPT;
Videos
S/P:-Slides/
23. Creating and consuming Modules WL2 PPT;
Videos
S/P:-Slides/
UNIT-III Node.js: Why and What Node.js, How to use Node.js,
24. WL3 PPT;
Create a web server in Node.js Videos
S/P:-Slides/
25. Node Package Manager, Modular programming in Node.js WL3 PPT;
Videos
S/P:-Slides/
26. Restarting Node Application, File Operations WL3 PPT;
Videos
S/P:-Slides/
27. Express.js: Express Development Environment, Defining a route WL3 PPT;
Videos
S/P:-Slides/
28. Handling Routes, Route and Query Parameters, How Middleware works WL3 PPT;
Videos
S/P:-Slides/
29. Chaining of Middle wares, Types of Middle wares WL3 PPT;
Videos
S/P:-Slides/
Connecting to MongoDB with Mongoose, Validation Types and
30. Defaults
WL3 PPT;
Videos
S/P:-Slides/
Models, CRUD Operations, API Development, Why Session
31. management
WL3 PPT;
Videos
S/P:-Slides/
32. Cookies, Sessions, Why and What Security, Helmet Middleware WL3 PPT;
Videos
S/P:-Slides/
33. Using a Template Engine Middleware WL3 PPT;
Videos
S/P:-Slides/
34. Stylus CSS Preprocessor WL3 PPT;
Videos
 S/P:-Slides/
UNIT-IV Typescript: Installing TypeScript, Basics of TypeScript,
35. WL4 PPT;
Function, Parameter Types Videos
S/P:-Slides/
Return Types, Arrow Function, Function Types, Optional and Default
36. Parameters
WL4 PPT;
Videos
S/P:-Slides/
Rest Parameter, Creating an Interface, Duck Typing, Function Types,
37. Extending Interfaces
WL4 PPT;
Videos
S/P:-Slides/
38. Classes, Constructor, Access Modifiers, Properties and Methods WL4 PPT;
Videos
S/P:-Slides/
Creating and using Namespaces, Creating and using Modules, Module
39. Formats and Loaders
WL4 PPT;
Videos
S/P:-Slides/
Module Vs Namespace, What is Generics, What are Type Parameters,
40. Generic Functions, Generic Constraints
WL4 PPT;
Videos
S/P:-Slides/
MongoDB: Introduction Module Overview, Document Database
41. Overview, Understanding JSON
WL6 PPT;
Videos
S/P:-Slides/
42. MongoDB Structure and Architecture, MongoDB Remote Management WL6 PPT;
Videos
S/P:-Slides/
Installing MongoDB on the local computer (Mac or Windows),
43. Introduction to MongoDB Cloud
WL6 PPT;
Videos
S/P:-Slides/
Create MongoDB Atlas Cluster, GUI tools Overview, Install and
44. Configure MongoDB Compass
WL6 PPT;
Videos
S/P:-Slides/
45. Introduction to the MongoDB Shell WL6 PPT;
Videos
S/P:-Slides/
46. MongoDB Shell JavaScript Engine, MongoDB Shell JavaScript Syntax WL6 PPT;
Videos
S/P:-Slides/
47. Introduction to the MongoDB Data Types WL6 PPT;
Videos
S/P:-Slides/
48. Introduction to the CRUD Operations on documents WL6 PPT;
Videos
S/P:-Slides/
49. Create and Delete Databases and Collections WL6 PPT;
Videos
S/P:-Slides/
50. Introduction to MongoDB Queries WL6 PPT;
Videos
S/P:-Slides/
UNIT-V What is Angular, Features of Angular, Angular Application
51. WL5 PPT;
Setup, Components and Modules Videos
S/P:-Slides/
Executing Angular Application, Elements of Template, Change
52. Detection
WL5 PPT;
Videos
S/P:-Slides/
Structural Directives - ngIf, ngFor, ngSwitch, Custom Structural
53. Directive
WL5 PPT;
Videos
S/P:-Slides/
Attribute Directives - ngStyle, ngClass, Custom Attribute Directive,
54. Property Binding
WL5 PPT;
Videos
 S/P:-Slides/
Attribute Binding, Style and Event Binding, Built in Pipes, Passing
55. Parameters to Pipes, Nested Components Basics
WL5 PPT;
Videos
S/P:-Slides/
Passing data from Container Component to Child Component, Passing
56. data from Child Component to Container Component
WL5 PPT;
Videos
S/P:-Slides/
Shadow DOM, Component Life Cycle, Template Driven Forms, Model
57. Driven Forms or Reactive Forms
WL5 PPT;
Videos
S/P:-Slides/
Custom Validators in Reactive Forms, Custom Validators in Template
58. Driven forms
WL5 PPT;
Videos
S/P:-Slides/
59. Dependency Injection, Services Basics, RxJS Observables WL5 PPT;
Videos
S/P:-Slides/
Server Communication using HttpClient, Communicating with different
60. backend services using Angular HttpClient
WL5 PPT;
Videos
S/P:-Slides/
61. Routing Basics, Router Links, Route Guards WL5 PPT;
Videos
S/P:-Slides/
62. Asynchronous Routing, Nested Routes WL5 PPT;
Videos

##
Teaching Methods:C&T:-Chalk & Talk; S/P:-Slides/PPT;Videos; SEM: Seminar; DEMO;
CHART; ET/GL:Expert Talk/Guest Lecture; QUIZ; GD:-Group discussion; RTCS: Real time
case studies; JAR:-Journal article review; PD:-Poster design; OL:-Online lecture/Google class
room

TEXT BOOKS:
1. Programming the World Wide Web, 7th Edition, Robet W Sebesta, Pearson.
2. Pro Mean Stack Development, 1st Edition, ELadElrom, Apress O’Reilly.
3. Full Stack JavaScript Development with MEAN, Colin J Ihrig, Adam Bretz, 1st edition,
SitePoint, SitePoint Pty. Ltd., O'Reilly Media.
4. MongoDB – The Definitive Guide, 2nd Edition, Kristina Chodorow,O’Reilly

REFERENCES:
1. Web Technologies, HTML, JavaScript, PHP, Java, JSP, XML and AJAX, Black book,1st
Edition, Dream Tech.
2. An Introduction to Web Design, Programming, 1st Edition, Paul S Wang, Sanda SKatila,
Cengage Learning.

Faculty Signature
 DEPARTMENT OF CSE-AIML & DS
Course Outcomes:
Upon completion of the course, the student will be able to
Blooms
CO# Course Outcome
Taxonomy Level
CO1 Build static web pages using HTML 5 elements. Create
Apply JavaScript to embed programming interface for
CO2 web pages and also to perform Client side validations.
Apply
Build a basic web server using Node.js, work with
CO3 Node Package Manager (NPM) and recognize the Create
need for Express.js.
Develop JavaScript applications using typescript and
CO4 work with document database using MongoDB.
Create
Utilize Angular JS to design dynamic and responsive
CO5 Remember
web pages
 DEPARTMENT OF CSE-AIML & DS

CO-PO/PSO MATRIX:
CO-PO-PSO JUSTIFICATION:

PO PO PO PO PO PO PO PO PO PO1 PO1 PSO

1 2 5 6 5 6 7 8 9 0 1 PO12 PSO1 2 PSO3

CO1 3 2 2 1 2 3

CO2 3 3 3 1 1 2 3

CO3 3 1 2 3 1 2
CO4 2 3 2 2 2 1 2 3
CO5 2 3 3 2 2 1 2 2
CO6 3 2 3 3 2 2 2 1 3
Course

CO # PO/PSO CL JUSTIFICATION
Strongly mapped as the students will be able to analyze the
PO1 problem
3
to be implemented.
Strongly mapped as the students will be able to formulate the
PO2 problem
3
CO1 based on the literature survey carried out.
Strongly mapped as the students will be able to find a
PO3 solution for the
3
problem identified.
Moderately mapped as the students will be able to apply
PO12 the analyzing skills in their professional career
2
Strongly mapped as the students will be able to implement
PSO2 the
3
application software pertaining to the problem statement.
Strongly mapped as the students will be able to
identify the techniques and algorithms to implement
PO1
3
the problem.
CO2
Strongly mapped as the students will be able to formulate the
PO2 3 problem
based on the literature survey carried out.
 Strongly mapped as the students will be able to detailed design
PO3 for
3 each components in the system.
Moderately mapped as the students will be able to apply the
Po12 analyzing
2 skills in their professional career
Strongly mapped as the students will be able to
PSO2 implement the
3 application software pertaining to the problem statement
Strongly mapped as the students will be able to analyze the
PO1 problem
3 to be implemented.
Strongly mapped as the students will be able to formulate the
PO2 3 problem
based on the literature survey carried out.
Strongly mapped as the students will be able to find a solution
PO3 3 for the
problem identified.
CO3 Moderately mapped as the students will be able to apply the
PO12 2 analyzing
skills in their professional career
Strongly mapped as the students will be able to
PSO2 implement the
3 application software pertaining to the problem statement.
Strongly mapped as the students will be able to identify the
POl techniques
3 and algorithms to implement the problem.
Strongly mapped as the students will be able to formulate the
PO2 problem
3 based on the literature survey carried out.
CO4 Strongly mapped as the students will be able to detailed design
PO3 for
3 each components in the system.
Moderately mapped as the students will be able to apply the
PO12 analyzing skills in their professional career
2
Strongly mapped as the students will be able to implement
PSO2 the
3 application software pertaining to the problem statement
Strongly mapped as the students will be able to analyze the
POl problem
3 to be implemented.
Strongly mapped as the students will be able to develop
PO3 design
3 methodologies for the system to be developed.
CO5
Moderately mapped as the students will be able to apply the
PO12 2 analyzing skills in their professional career

Strongly mapped as the students will be able to

PSO2 3 implement the
application software pertaining to the problem statement
Strongly mapped as the students will be able to identify the
POl techniques and algorithms to implement the problem.
3
CO6 Strongly mapped as the students will be able to develop
PO3 design
3 methodologies for the system to be developed.
 Strongly mapped as the students will be able to find a
PO4 feasible
3 solution for the problem designed
Moderately mapped as the students will be able to apply the
Po12 analyzing skills in their professional career
2
Strongly mapped as the students will be able to
PSO2 implement the
3 application software pertaining to the problem statement

PO1 Engineering Knowledge PO7 Environment & Sustainability

PO2 Problem Analysis PO8 Ethics

PO3 Design / Development of Solutions PO9 Individual & Team Work

PO4 Conduct Investigations of complex problems PO10 Communication

PO5 Modern Tool usage PO11 Project Management & Finance

PO6 The Engineer & Society PO12 Life-long Learning

 DEPARTMENT OF CSE-AIML & DS

Gaps identified with in the syllabus:

Course Name: Mean Stack Development
Regulation: R20
Class: III Year – II Semester CSE- AI &ML -B & DS

Gaps in the syllabus - to meet industry/profession requirements

S. No Description - gaps identified PO Mapping
1 Standalone application development: Development of PO1, P03,
angular front-end application using type script PO5,PO12

Proposed Actions Taken to meet the Gaps

S.NO Description – Action taken to fill PO Mapping
the gaps
1 Special Sessions taken to introduce how to create user PO1, PO3,
interface using angular JS and type script PO5,PO12
 DEPARTMENT OF CSE-AIML & DS
Gaps identified beyond the syllabus:
Course Name: Mean Stack Development
Regulation: R20
Class: III Year – II Semester CSE- AI &ML -B & DS

List of Gaps beyond the syllabus - to meet industry/profession requirements

S. No Description - gaps identified PO Mapping

1 CSS- Cascading Style Sheets PO1, P03, PO5,PO12

Proposed Actions Taken to meet the Gaps

S.NO Description – Action taken to fill the gaps PO Mapping

1 During the lab session extra class taken PO1, PO3, PO5,PO12
to demonstrate the CSS
 DEPARTMENT OF CSE-AIML & DS

Revised CO-PO/PSO mapping considering the gaps

P P P P P P P P P P P
PO1 PO1 PO1 PSO
O O O O O O O O O S S
0 1 2 3
O O
1 2 3 4 5 6 7 8 9 1 2
CO1 3 3 3 2 3

CO2 3 3 3 2 3

CO3 3 3 3 2 3

CO4 3 2 3 2 3

CO5 3 3 2 3

CO6 3 2 3 3 3 3 2 3

Cour
se

Gap Addressed
In the JNTUK prescribed course content, cascading style sheets not mentioned. To
develop any web-based applications students must learn CSS for enhanced UI designning.
Along with the regular class, introduction to CSS topics discussed. Related content
and web resources were shared to the students for the practice
 DEPARTMENT OF CSE-AIML & DS

Brief notes on Importance of course:

MEAN stack development is important because it provides a comprehensive,

efficient, and scalable solution for building modern web applications. By utilizing a single
programming language, JavaScript, across both the client and server sides, developers can
streamline the development process, reduce complexity, and maintain consistency throughout
the entire stack.

The use of MongoDB, a NoSQL database, ensures flexibility and scalability for
handling large datasets, while Node.js and Express.js allow for high-performance, real-time,
and efficient server-side operations.

Angular offers a powerful front-end framework to create dynamic and responsive user
interfaces.

This combination makes MEAN an ideal choice for developing fast, scalable, and
dynamic applications, such as social media platforms, e-commerce sites, and real-time
collaborative tools, with an active ecosystem and strong community support to accelerate
development.
 DEPARTMENT OF CSE-AIML & DS
MEAN STACK DEVELOPMENT R20 QUESTION BANK
UNIT-I
S.N Question Marks BTL CO
o
1 Create a HTML document that displays a table of 7 L5 1
basketball scores at national games in which the team
names have their respective team colors. The score of the
leading/winning team should appear larger and in a
different font than the losing team. Use CSS
2 Define frame. Create a HTML page that displays multiple 7 L5 1
frames in a window.
3 How does the tag improve user experience in HTML5 7 L5 1
forms? Provide an example of how it can be implemented.
4 Define CSS. Explain inline, internal, external and 7 L5 1
embedded style sheets with examples.
5 Define an XML schema. Design an XML schema for 7 L5 1
hospital information management.
6 What is the document type definition (DTD)? Describe the 7 L5 1
approach to declare elements, entities and attributer.
7 Discuss in detail about Namespaces in XML documents 7 L5 1
8 What are the limitations of Document Type Definitions 7 L5 1
(DTDs)? How these limitations are overcome using XML
schema?
9 Differentiate between DOM and SAX approaches. 7 L5 1
10 Explain with an example, how can you check an XML 7 L5 1
document is both valid and well-formed document?
11 Create a XML document to store voter ID, voter name, 7 L5 1
address and date of birth details. Create a DTD to validate
the document.
12 1What is DOM? Draw the detailed DOM objects structure. 7 L5 1
Explain its usage
13 Write CSS code that defines five classes of paragraph with 7 L5 1
different background, color, margins, padding and border
style.
14 How does an XSLT processor use an XSLT style sheet 7 L5 1
with an XML document?
15 Briefly explain the purpose of XML processor. 7 L5 1
16 Give a brief note on DOM parser. 7 L5 1
17 Show how SAX is an alternative method for parsing XML 7 L5 1
documents. Write its advantages.
18 Discuss the important features of XML which make it more 7 L5 1
suitable than HTML for creating web related services.
 UNIT-II

S.N Question Mark BTL CO

o s
1 Write about the various Objects used in Java script. 7 L5 2
2 Describe the scoping rules for the Java script. 7 L5 2
3 Explain variables, operators and control structures of 7 L5 2
objects in Java script.
4 Write a JavaScript code to validate a user by considering 7 L5 2
username as “ABC” and password as “XYZ”. Assume
username and password is getting from the form element.
5 Write a java script that inputs a line of text, tokenizes it 7 L5 2
with String method split() and displays the tokens in
reverse order.
6 Write a script that inputs several lines of text and a search 7 L5 2
character to determine the number of occurrences of the
character in the text.
7 Write a script that asks the user to enter two numbers, 7 L5 2
obtains the two numbers from the user and outputs text that
displays the sum, product, difference and quotient of the
two numbers.
8 Write a script that reads an integer and determines whether 7 L5 2
it is PRIME Number or Not.
9 Write a java script code to generate the current date in 7 L5 2
words format “Day, Month Date, year”. (Hint: Friday,
December 18 ,2015).
10 Explain AngularJs Expressions 7 L5 2
11 Explain AngularJS Form Validation with Example 7 L5 2
12 Illustrate Single Page Application development using 7 L5 2
Angular JS

UNIT-III

S.No Question Marks BTL CO

1 What is Node.js and how does it differ from traditional 7 L5 3
server-side technologies?
2 Explain Node.js Process model with a neat diagram 7 L5 3
3 What are Node.js modules and how do they facilitate 7 L5 3
modular development?
4 Discuss the key features and advantages of using Express.js 7 L5 3
for web application development.