DEPARTMENT OF CSE – AIML & DS

Academic Year 2024-25 – 2nd Semester

LESSON PLAN
PROGRAM: B. Tech(CSE-AIML) CLASS: III CSE-AIML-B
COURSE NAME: MEAN STACK DEVELOPMENT FACULTY NAME: Mr. R.S.V.V.
PRASAD RAO

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.

Web Resources:
1.https://infyspringboard.onwingspan.com/en/app/toc/lex_17739732834840810000_shared/overview
(HTML5)
2.https://infyspringboard.onwingspan.com/en/app/toc/lex_18109698366332810000_shared/overview
(Javascript)
3.https://infyspringboard.onwingspan.com/en/app/toc/lex_32407835671946760000_shared/overview
(Node.js & Express.js)
4.https://infyspringboard.onwingspan.com/en/app/toc/lex_9436233116512678000_shared/overview
(Typescript)
5.https://infyspringboard.onwingspan.com/en/app/toc/lex_20858515543254600000_shared/overview
(Angular JS)
6.https://infyspringboard.onwingspan.com/en/app/toc/lex_auth_013177169294712832113_shared/
overview (MongoDB)

Signature of the Faculty