FACULTY OF SCIENCE AND HUMANITIES

SRM INSTITUTE OF SCIENCE AND TECHNOLOGY

Course Course Course L T P C

Code
PGI20D15J Name Full Stack Development Category
D Discipline Elective Courses
3 0 2 4

Pre-requisite Co-requisite Progressive

Nil Nil Nil
Courses Courses Courses
Course Offering Department Computer Applications Data Book / Codes/Standards Nil

Course Learning Rationale

The purpose of learning this course is to, Learning Program Learning Outcomes (PLO)
(CLR):

CLR-1 : Learn fundamental Javascript concepts that power AngularJS. 1 2 3 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Link with Related Disciplines

CLR-2 : Write quicker, better AngularJS code by discovering how AngularJS itself is built.

Ability to Utilize Knowledge

Level of Thinking (Bloom)

Expected Attainment (%)

Expected Proficiency (%)
CLR-3 : Realize the power of dependency injection, and how AngularJS accomplishes it

Fundamental Knowledge
Application of Concepts

Analyze, Interpret Data

Procedural Knowledge
CLR-4 : Identify and acquire knowledge in various security attacks, Services and Mechanism

Problem Solving Skills

Skills in Specialization

Communication Skills

Professional Behavior
Design custom directives and save time and energy with easily reusable components.

Life Long Learning

Investigative Skills
CLR-5 :

Skills in Modeling
Understand what a Single Page Application (SPA) is, and how they work.

Analytical Skills
Build a Single Page Application (SPA) in AngularJS. Be the coder that explains AngularJS to
CLR-6 :
everyone else, because you understand it better than anyone else.

ICT Skills
Course Learning Outcomes
At the end of this course, learners will be able to:
(CLO):
Understand the design of single-page applications and how AngularJS facilitates their
CLO-1 : 2 85 80
development L H H L H - - - - H - - - - -
Properly separate the model, view, and controller layers of your application and implement them
CLO-2 : using AngularJS 3 85 80 L H L M - - - H - - - - -
M -
CLO-3 : Master AngularJS expressions, filters, and scopes 3 85 80 M M H L L - - - M H - - - - -
CLO-4 : Build Angular forms 3 85 80 M M H H M - - - M H - - - - -
CLO-5 : Elegantly implement Ajax in your AngularJS applications 3 85 80 H M H L M - - - M H - - - - -
CLO-6: Write AngularJS directives, Unit test and end-to-end test your AngularJS application L - H L L L L

Duration
15 15 15 15 15
(hour)
Overview of NoSQL databases and Building a single-page application
SLO-1 Understanding the basics of Node.js
S-1 Understanding the Basic Web MongoDB with Angular: Foundations
JavaScript Fundamentals
Development Framework
SLO-2 Setting up Node.js environment Installation and setup of MongoDB Angular CLI.

91
 FACULTY OF SCIENCE AND HUMANITIES
SRM INSTITUTE OF SCIENCE AND TECHNOLOGY

Introduction to Document and CRUD operations: Create, Read,

SLO-1 Why learn the full stack? Window Object Installing Node.js and npm Creating an Angular Project
Update, Delete
S-2
Creating and running a simple Components. Components
SLO-2 User – Browser – Webserver Objects - Generators Data types in MongoDB
Node.js application Interaction. Dynamic Component
Exploring core modules such as fs,
SLO-1 MVC Architecture Advanced iteration- Modules MongoDB Query Language Angular Elements
S-3 http, path, util, etc.
SLO-2 Single Page Application DOM tree Handling file system operations Angular Forms.
SLO-1 Lab 4. Write a simple Node.js Lab 7: Create different routes for
S-4- Lab :1 Write a program to create script that outputs "Hello, Lab 13: Create a Simple Login
a simple webpage using HTML. handling HTTP GET requests Lab 10: CRUD Operations:
5 SLO-2 World!" to the console. form using R
Hello World Web Page using Express.

SLO-1 . Understanding the different stacks Building a basic HTTP server using
Node properties Data Modeling in MongoDB Template Driven Forms
S-6 the http module
Understanding document-oriented
SLO-2 Introducing Node.js: The web Browser events Understanding the need for
data modeling
Property, Style, Class and Event
server/platform Express.js Binding. Two-way Bindings
Introducing Express: The
SLO-1 framework Reactive Forms. Form Group. Form
Installing Express.js
S-7 Event delegation Controls. About Angular Router
Designing schemas and collections
SLO-2 Introducing MongoDB: The
UI Events Creating a basic Express application Router Configuration.
database
SLO-1 Introducing AngularJS: The front-
S-8 end framework Forms, controls Embedded vs. referenced
Routing in Express Router State
SLO-2 Designing a MEAN stack documents
architecture
SLO-1 Lab 2: . Write a program to create Lab 8: Write middleware functions
S-9- a website using HTML CSS and Lab 14: .Making HTTP requests
Lab 5: To-Do-Liat Application to log requests, handle errors, and Lab 11 Query Language:
10 SLO-2 JavaScript from Angular to an API
parse request bodies..

S SLO-1 .A Common MEAN stack

architecture Middleware concept and
Document and resource loading Relationships and denormalization Navigation Pages. Router Link
11 SLO-2 Designing a flexible MEAN implementation
architecture
SLO-1 Exploring built-in middleware in
Integration with Node.js Query Parameters. URL matching
S-12 . Introducing AngularJS: The front- Express
Mutation observer - Event loop Connecting MongoDB with Node.js
SLO-2 end framework Implementing custom middleware applications
Matching Strategies-Services
Dependency Injection
. Introduction to template engines Performing CRUD operations using
S-13 SLO-1 .
How the MEAN stack components (e.g., EJS, Pug) the MongoDB Node.js driver

92
 FACULTY OF SCIENCE AND HUMANITIES
SRM INSTITUTE OF SCIENCE AND TECHNOLOGY

work together microtasks and macrotasks Integrating template engines with Http Client. Read Data from the
SLO-2 The rules of a REST API Server. Http Header Operations.
Express
Intercepting requests and responses
S- SLO-1 Lab 3:.Write a program to build a Lab 6:.Write a program to create Lab 9: Write middleware functions Lab 12: Writing a REST API”
Chat module using HTML CSS and a voting application using Angular to log requests, handle errors, and Lab 15: More complex views
14- Exposing theMongoDB database
SLO-2 JavaScript. JS and routing parameters
15 parse request bodies. to theapplication

1.Resources Text Book: Getting MEAN with Mongo, Express Angular and Node, Simon Holmes Reference Book:
2.Practical Node JS: Building a Real-World Scale Web Apps, Basarat Syed, A Press, 1. MEAN Web Development, AMOS Q. HAVIV
Learning
2014. 2. AngularJS: https://angular.io/docs
Resources
3.Learning Angular JS: A Guide to Angular JS Development, Ken Williamson, O’ 3. MongoDB: https://docs.mongodb.com/manual/tutorial/getting-
started/
Reilly, 2015
Learning Assessment
Bloom’s Continuous Learning Assessment (50% weightage) Final Examination
Level Level of CLA – 1 (10%) CLA – 2 (10%) CLA – 3 (20%) CLA – 4 (10%)# (50% weightage)
Thinking Theory Practice Theory Practice Theory Practice Theory Practice Theory Practice
Remember
Level 1 20% 20% 15% 15% 15% 15% 15% 15% 15% 15%
Understand
Apply
Level 2 20% 20% 20% 20% 20% 20% 20% 20% 20% 20%
Analyze
Evaluate
Level 3 10% 10% 15% 15% 15% 15% 15% 15% 15% 15%
Create
Total 100 % 100 % 100 % 100 % 100 %

# CLA – 4 can be from any combination of these: Assignments, Seminars, Short Talks, Mini-Projects, Case-Studies, Self-Study, MOOCs, Certifications, Conf. Paper etc.,

Course Designers
Experts from Industry Experts from Higher Technical Institutions Internal Experts
Mr.JothiPeriasamy, Founder/Chief Data Scientist,
Dr.S. Gopinathan, Professor and Head, Department of Computer Science,
DeepSphere.AI,2 Venture Drive, #13-26 Vision Exchange,
University of Madras, Guindy Campus, Chennai – 600 025 Dr.V.Pavithra (AP/MCA)SRMIST RMP
Singapore, 608526

93