SubjectCode :

SRIMITTAPALLICOLLEGEOFENGINEERING:: CC-U9
(AUTONOMOUS)
NH-16,Tummalapalem,Guntur-522233,AP.

AcademicYear :2024-25 Branch:CSE

Year/Semester :III/II Regulation:MR20
Subject Name :MEAN STACK TECHNOLOGY
CourseInstructor :
===========================================================================

Vision and Mission of AI Department

VISION OF THE DEPARTMENT:

The Vision of the Department of Artificial Intelligence is to provide a top-notch framework for
developing cutting-edgeartificial intelligence-based solutionsina waythat improvesthe qualityoflife for
people while also advancing technology and social responsibility.

MISSION OF THE DEPARTMENT:

M1: To transmit knowledge using cutting-edge Artificial Intelligence ideas and technology by
implementing a strict teaching-learning process.

M2: To cultivate in students a passion for research to solve challenging engineering issues in order to
satisfy market expectations.

M3: To promote students' overall professional development by developing their moral character and
leadership skills in order to address social concerns.

M4: To teach graduates how to use cutting-edge tools, create products using artificial intelligence, and
effectively communicate while adhering to professional ethics.

Program Educational Objectives(PEOs):

PEO1:Graduates have a solid foundation in Artificial Intelligence, Programming, and Mathematical
Modeling.

PEO2: Graduates will be educated to build domain competence by applying theory fundamentals in
real-world situations using simulation and modeling approaches.

PEO3: Graduates will improve their capabilities via skill development and become industry ready by
instilling leadership and multitasking skills.

PEO4: Graduates will use their Artificial Intelligence skills in research and development, innovation,
and service to society by making things easier.
Program Specific Objectives(PSO’s)

PSO1Graduateswillbeabletodesign,develop,test,anddeployrelevantmathematicaland programming algorithms

for real applications.

PSO2 Graduates will have the necessary skillsand domain experience to give solutionsin the fields of
Artificial Intelligence to industry and society at large.

PROGRAMME OUTCOMES(PO)
PO1: Engineering knowledge: Apply the knowledge of mathematics, science, engineering
fundamentals,and an engineering specialization tothe solution of complex engineering problems.

PO2: Problem analysis: Identify, formulate, review research literature, and analyze complex
engineering problems reaching substantiated conclusions using first principles of mathematics, natural
sciences, and engineering sciences.

PO3:Design/developmentofsolutions:Designsolutionsforcomplexengineeringproblemsanddesign
system components or processes that meet the specified needs with appropriate consideration for the
public healthand safety, and the cultural, societal, and environmental considerations.

PO4: Conduct investigations of complex problems: Use research-based knowledge and research
methods including design of experiments, analysis and interpretation of data, and synthesis of the
information to provide valid conclusions.

PO5: Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern
engineering and IT tools including prediction and modeling to complex engineering activities with an
understanding of the limitations

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

PO7: Environment and sustainability: Understand the impact of the professional engineering solutions
in societal and environmental contexts, and demonstrate the knowledge of, and need for sustainable
development.

PO8: Ethics: Apply ethical principlesand commit to professional ethicsandresponsibilitiesand norms of

the engineering practice.

PO9: Individual and team work: Function effectively as an individual, and as a member or leader in
diverse teams, and in multidisciplinary settings.

PO10: Communication: Communicate effectively on complex engineering activities with the

engineering communityandwithsocietyatlarge, suchas,beingabletocomprehendand writeeffective
reportsanddesigndocumentation,makeeffectivepresentations,andgiveandreceiveclear instructions.
PO11:Project management and finance: Demonstrateknowledgeand understanding oftheengineering
and management principles and apply these to one‘s own work, as a member and leader in a team, to
manage projects and in multidisciplinary environments.

PO12: Life-long learning: 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.

PROGRAM OUTCOMES(POs)

Engineering knowledge: Apply the knowledge of mathematics, science, engineering

PO1 fundamentals, and an engineering specialization to the solution of complex
engineering problems.

Problemanalysis:Identify,formulate,reviewresearchliterature,andanalyzecomplex
PO2 engineering problems reaching substantiated conclusions using first principles of
Mathematics, Natural Sciences, And Engineering Sciences

Design/developmentofsolutions:Designsolutionsforcomplexengineeringproblems and
design system components or processes that meet the specified needs with
PO3
appropriate consideration for the public health and safety, and the cultural, societal,
and environmental considerations

Conduct investigations of complex problems: Use research-based knowledge and

PO4 researchmethodsincludingdesignofexperiments, analysisandinterpretationofdata, and
synthesis of the information to provide valid conclusions.

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

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

Environment and sustainability: Understand the impact of the professional

PO7 engineering solutions in societal and environmental contexts, and demonstrate the
knowledge of, and need for sustainable development.

Ethics:Applyethicalprinciplesandcommittoprofessionalethicsandresponsibilities and
PO8
norms of the engineering practice.

Individual and team work: Function effectively as an individual, and as a member or

PO9
leader in diverse teams, and in multidisciplinary settings.
 Communication:Communicateeffectivelyon complexengineeringactivitieswiththe
engineering community and with society at large, such as, being able to comprehend
PO10
and write effective reports and design documentation, make effective presentations,
and give and receive clear instructions.

Project management and finance: Demonstrate knowledge and understanding of the

engineering and management principles and apply these to one‟s own work, as a
PO11
member and leader in a team, to manage projects and in multidisciplinary
environments.

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

CourseObjectives:
This Course will enable students to

 Develop professional web pages of an application using HTML elements like lists, navigations, tables,
 various form elements, embedded media which includes images, audio, video and CSS Styles.
 Utilize JavaScript for developing interactive HTML web pages and validate form data.
 Build a basic web server using Node.js and also working with Node Package Manager (NPM).
 Build a web server using Express.js
 Make use of Typescript to optimize JavaScript code by using the concept of strict type checking.

Experiments covering the topics:

 HTML Tags
 JavaScript
 Node.js installation and working of Node.js
 Typescript
 Express.js installation and working of Express.js
 LabExperiments

1(a).Case-insensitivity, Platform-independency, DOCTYPE Declaration,Types of Elements, HTML Elements -

Attributes, Metadata Element.
(b). Sectioning Elements
(c). Paragraph Element, Division and Span Elements, List Element
(d). Link Element
(e). Character Entities
(f).HTML5 Global Attributes

2(a).Creating Table Elements, Table Elements : Colspan/RowspanAttributes, border, cellspacing, cellpadding

attributes
(b). Creating Form Elements, Color and Date Pickers, Select and Datalist
(c). Elements
(d). Input Elements - Attributes
(e). Media, Iframe

3(a). Write a JavaScript program to find the area of a circle using radius (var and let -reassign and observe the
difference with var and let) and PI (const)
(b). Write JavaScript code to display the movie details such as movie name, starring,language, and ratings. Initialize
the variables with values of appropriate types. Use template literals wherever necessary
(c). Write JavaScript code to book movie tickets online and calculate the total price,considering the number of tickets
and price per ticket as Rs. 150. Also, apply a festive season discount of 10% and calculate the discounted amount.
(d). Write a JavaScript code to book movie tickets online and calculate the total price based on the 3 conditions: (a) If
seats to be booked are not more than 2, the cost per ticket remains Rs. 150. (b) If seats are 6 or more, booking is not
allowed.
(e). Types of Loops

4(a).Types of Functions, Declaring and Invoking Function, Arrow Function, Function Parameters, Nested Function,
Built-in Functions, Variable Scope in Functions
(b). Create an Employee class extending from a base class Person. Hints: (i) Create a class Person with name and age
as attributes. (ii) Add a constructor to initialize the values (iii) Create a class Employee extending Person with
additional attributes role
(c). Write a JavaScript code to book movie tickets online and calculate the total price based on the 3 conditions: (a) If
seats to be booked are not more than 2, the cost per ticket remains Rs. 150. (b) If seats are 6 or more, booking is not
allowed.
(d). Working with Objects, Types of Objects, Creating Objects, Combining and cloning Objects using Spread operator,
Destructuring Objects, Browser Object Model, Document Object Model

5(a). Create an array of objects having movie details. The object should include the moviename, starring, language,
and ratings. Render the details of movies on the page using the array.
(b). Simulate a periodic stock price change and display on the console. Hints: (i) Create a method which returns a
random number - use Math.random, floor and other methods to return a rounded value. (ii) Invoke the method for
every three seconds and stop
(c).Validate the user by creating a login module. Hints: (i) Create a file login.js with a User class. (ii) Create a validate
method with username and password as arguments.(iii) If the username and password are equal it will return "Login
Successful"
6(a). Verify how to execute different functions successfully in the Node.js platform.
(b). Write a program to show the workflow of JavaScript code executable by creating web server in Node.js.
(c). Write a Node.js module to show the workflow of Modularization of Node application
(d). Write a program to show the workflow of restarting a Node application
(e). Create a text file src.txt and add the following data to it. Mongo, Express, Angular,Node.

7(a). Implement routing for the AdventureTrails application by embedding the necessary code in the routes/route.js
file.
(b). In myNotes application: (i) we want to handle POST submissions. (ii) display customized error messages. (iii)
perform logging.
(c). Write a Mongoose schema to connect with MongoDB.
(d). Write a program to wrap the Schema into a Model object.

8(a). Write a program to perform various CRUD (Create-Read-Update-Delete) operations using Mongoose library
functions.
(b). In the myNotes application, include APIs based on the requirements provided. (i) API should fetch the details of
the notes based on a notesID which is provided in the URL.Test URL - http://localhost:3000/notes/7555
(c). Write a program to explain session management using cookies.
(d). Write a program to explain session management using sessions.
(e). Implement security features in myNotes application

9(a). On the page, display the price of the mobile-based in three different colors. Instead of using the number in our
code, represent them by string values like GoldPlatinum,PinkGold, SilverTitanium.
(b). Define an arrow function inside the event handler to filter the product array with the selected product object using
the productId received by the function. Pass the selected product object to the next screen.
(c). Consider that developer needs to declare a function - getMobileByVendor which accepts string as input parameter
and returns the list of mobiles.
(d). Consider that developer needs to declare a manufacturer's array holding 4 objects with id and price as a parameter
and needs to implement an arrow function - myfunction to populate the id parameter of manufacturers array whose
price is greater than or equ
(e). Declare a function - getMobileByManufacturer with two parameters namely manufacturer and id, where
manufacturer value should passed as Samsung and id parameter should be optional while invoking the function, if id
is passed as 101 then this function shoul

10(a). Implement business logic for adding multiple Product values into a cart variable which is type of string array.
(b). Declare an interface named - Product with two properties like productId and productName with a number and
string datatype and need to implement logic to populate the Product details
(c). Declare an interface named - Product with two properties like productId and productName with the number and
string datatype and need to implement logic to populate the Product details
(d). Declare an interface with function type and access its value.

11(a). Declare a productList interface which extends properties from two other declared interfaces like
Category,Product as well as implementation to create a variable of this interface type.
(b). Consider the Mobile Cart application, Create objects of the Product class and place them into the productlist
array.
(c). Declare a class named - Product with the below-mentioned declarations: (i) productId as number property (ii)
Constructor to initialize this value (iii) getProductId method to return the message "Product id is <<id value>>".
(d). Create a Product class with 4 properties namely productId, productName productPrice, productCategory with
private, public, static, and protected access modifiers and accessing them through Gadget class and its methods.

12(a). Create a Product class with 4 properties namely productId and methods tosetProductId() and getProductId().
(b). Create a namespace called ProductUtility and place the Product class definition in it.Import the Product class
inside productlist file and use it.
(c). Consider the Mobile Cart application which is designed as part of the functions in a module to calculate the total
price of the product using the quantity and price values and assign it to a totalPrice variable.
(d). Create a generic array and function to sort numbers as well as string values.
 SRIMITTAPALLICOLLEGEOFENGINEERING::CC-U9
(AUTONOMOUS)
NH16,TUMMALAPALEM,GUNTUR.

LESSONPLAN

Academic Year :2024-2025 LAB Name: MEAN STACK TECHNOLOGY

Class & Sem : III B.Tech. - II Semester Faculty Name:

Branch :CSE

Course Objectives:

This Course will enable students to

 Develop professional web pages of an application using HTML elements like lists, navigations, tables,
 various form elements, embedded media which includes images, audio, video and CSS Styles.
 Utilize JavaScript for developing interactive HTML web pages and validate form data.
 Build a basic web server using Node.js and also working with Node Package Manager (NPM).
 Build a web server using Express.js
 Make use of Typescript to optimize JavaScript code by using the concept of strict type checking.

LESSON PLAN

Experi Referenc
Teachin No.of
ment/ e text
Date EXPERIMENT COVERED g Aid Hours
Tutori Book Required
alNo
1(a).Case-insensitivity, Platform-
independency, DOCTYPE
E.1 Declaration,Types of Elements, HTML GB&PC T1 2
Elements - Attributes, Metadata
Element.
(b). Sectioning Elements
(c). Paragraph Element, Division and
 Span Elements, List Element
(d). Link Element
(e). Character Entities
(f).HTML5 Global Attributes
.
(a).Creating Table Elements, Table GB&PC
Elements : Colspan/RowspanAttributes,
border, cellspacing, cellpadding
T1
E.2 attributes 2
(b). Creating Form Elements, Color and
Date Pickers, Select and Datalist
(c). Elements
(d). Input Elements - Attributes
(e). Media, Iframe
.
(a). Write a JavaScript program to find
the area of a circle using radius (var and
let -reassign and observe the difference
with var and let) and PI (const)
E.3 (b). Write JavaScript code to display
the movie details such as movie name,
starring,language, and ratings. Initialize
the variables with values of appropriate
types. Use template literals wherever
necessary
(c). Write JavaScript code to book
movie tickets online and calculate the
total price,considering the number of
tickets and price per ticket as Rs. 150.
Also, apply a festive season discount of
10% and calculate the discounted
amount.
(d). Write a JavaScript code to book
movie tickets online and calculate the
total price based on the 3 conditions:
(a) If seats to be booked are not more
than 2, the cost per ticket remains Rs.
150. (b) If seats are 6 or more, booking
is not allowed.
(e). Types of Loops

(a).Types of Functions, Declaring and GB&PC

Invoking Function, Arrow Function,
Function Parameters, Nested Function,
Built-in Functions, Variable Scope in
Functions T1
E.4 2
(b). Create an Employee class
 extending from a base class Person.
Hints: (i) Create a class Person with
name and age as attributes. (ii) Add a
constructor to initialize the values (iii)
Create a class Employee extending
Person with additional attributes role
(c). Write a JavaScript code to book
movie tickets online and calculate the
total price based on the 3 conditions:
(a) If seats to be booked are not more
than 2, the cost per ticket remains Rs.
150. (b) If seats are 6 or more, booking
is not allowed.
(d). Working with Objects, Types of
Objects, Creating Objects, Combining
and cloning Objects using Spread
operator, Destructuring Objects,
Browser Object Model, Document
Object Model

a). Create an array of objects having GB&PC

movie details. The object should
include the moviename, starring,
language, and ratings. Render the
details of movies on the page using the
array. T1
E.5 (b). Simulate a periodic stock price 2
change and display on the console.
Hints: (i) Create a method which
returns a random number - use
Math.random, floor and other methods
to return a rounded value. (ii) Invoke
the method for every three seconds and
stop
(c).Validate the user by creating a login
module. Hints: (i) Create a file login.js
with a User class. (ii) Create a validate
method with username and password as
arguments.(iii) If the username and
password are equal it will return "Login
Successful"

(a). Verify how to execute different GB&PC

functions successfully in the Node.js
platform. T1
E.6 2
(b). Write a program to show the
workflow of JavaScript code executable
 by creating web server in Node.js.
(c). Write a Node.js module to show the
workflow of Modularization of Node
application
(d). Write a program to show the
workflow of restarting a Node
application
(e). Create a text file src.txt and add the
following data to it. Mongo, Express,
Angular,Node.

(a).Implement routing for the GB&PC

Adventure Trails application by
embedding the necessary code in the
E.7 T1
routes/route.js file. 2
(b). In my Notes application: (i) we
want to handle POST submissions. (ii)
display customized error messages. (iii)
perform logging.
(c). Write a Mongoose schema to
connect with MongoDB.

(d). Write a program to wrap the

Schema into a Model object.

(a). Write a program to perform various GB&PC

CRUD (Create-Read-Update-Delete) T1
E.8 2
operations using Mongoose library
functions.
(b). In the myNotes application, include
APIs based on the requirements
provided. (i) API should fetch the
details of the notes based on a notesID
which is provided in the URL.Test
URL - http://localhost:3000/notes/7555
(c). Write a program to explain session
management using cookies.
(d). Write a program to explain session
management using sessions.
(e). Implement security features in my
Notes application

(a). On the page, display the price of GB&PC

the mobile-based in three different
T1
E.9 colors. Instead of using the number in 2
our code, represent them by string
 values like GoldPlatinum,PinkGold,
SilverTitanium.
(b). Define an arrow function inside the
event handler to filter the product array
with the selected product object using
the productId received by the function.
Pass the selected product object to the
next screen.
(c). Consider that developer needs to
declare a function -
getMobileByVendor which accepts
string as input parameter and returns
the list of mobiles.
(d). Consider that developer needs to
declare a manufacturer's array holding
4 objects with id and price as a
parameter and needs to implement an
arrow function - myfunction to
populate the id parameter of
manufacturers array whose price is
greater than or equ
(e). Declare a function -
getMobileByManufacturer with two
parameters namely manufacturer and
id, where manufacturer value should
passed as Samsung and id parameter
should be optional while invoking the
function, if id is passed as 101 then
this function shoul
(a). Implement business logic for GB&PC
T1
E.10 adding multiple Product values into a 2
cart variable which is type of string
array.
(b). Declare an interface named -
Product with two properties like
productId and productName with a
number and string datatype and need to
implement logic to populate the
Product details
(c). Declare an interface named -
Product with two properties like
productId and productName with the
number and string datatype and need to
implement logic to populate the
Product details
(d). Declare an interface with function
type and access its value.
 (a). Declare a productList interface GB&PC
which extends properties from two
T1
E.11 other declared interfaces like 1
Category,Product as well as
implementation to create a variable of
this interface type.
(b). Consider the Mobile Cart
application, Create objects of the
Product class and place them into the
productlist array.
(c). Declare a class named - Product
with the below-mentioned declarations:
(i) productId as number property (ii)
Constructor to initialize this value (iii)
getProductId method to return the
message "Product id is <<id value>>".
(d). Create a Product class with 4
properties namely productId,
productName productPrice,
productCategory with private, public,
static, and protected access modifiers
and accessing them through Gadget
class and its methods.

(a). Create a Product class with 4 GB&PC

properties namely productId and T1
E.12 methods tosetProductId() and 1
getProductId().
(b). Create a namespace called
ProductUtility and place the Product
class definition in it.Import the Product
class inside productlist file and use it.
(c). Consider the Mobile Cart
application which is designed as part of
the functions in a module to calculate
the total price of the product using the
quantity and price values and assign it
to a totalPrice variable.
(d). Create a generic array and function
to sort numbers as well as string values.

TEACHINGMETHODOLOGIES:
GB-GLASSBOARD
PC:PERSONALCOMPTER
PPT-POWERPOINTPRESENTATION