COURSE CODE COURSE TITLE L T P C

1152CS197 Front End Technologies; Node js, Angular JS 3 0 0 3

A. Preamble :

Front-end is a term that involves the building of web pages and user interfaces for web
applications. It implements the structure, design, behaviour, and animation of everything an user
see on the screen when the user pen up websites, web applications, or mobile apps. The core 4
technologies that all modern front-end web developers work to master are Angular JS, Node.js,
Typescript and MongoDB. Develop the single page application and makes it more responsive to
user actions.  Websites built on Angular JS typically load faster and also it gives the permission
to add specialized features to the websites which would otherwise take much longer to create.

B. Prerequisite Courses:
Sl. No Course Code Course Name
1 1151CS117 Java Programming

C. Related Courses:
Sl. No Course Code Course Name
1 1151CS107 Database Management System

D. Course Educational Objectives:

Learners are exposed to
1. Develop the web server to handle I/O Bound application.
2. Design a schema less document type database.
3. Develop a javascript framework used for building MVC based applications.

E. Course Outcomes:
Upon the successful completion of the course, students will be able to
Knowledge Level
CO (Based on revised
Course Outcomes
No’s Bloom’s
Taxonomy)
CO1 Create web server with dynamic web page content. K3
Generate Query in MongoDB and make connectivity to K3
CO2
Node.js and Angular JS
Develop the basic building blocks of the web page using K2
CO3
JavaScript.
Understand the components and directives used to K3
CO4
perform operation in web applications.
Design Model Driven Forms and Single page web K3
CO5
application using Angular JS.
F. Correlation of Cos with Pos :
Cos PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10 PO11 PO12 PSO1 PSO2 PSO3
CO1 M H M H L M M H
CO2 M M
CO3 M M
CO4 H H H M M H M H H H
CO5 H H M H M H H H H M H H
H- High; M-Medium; L-Low

G. Course Content:

Unit I Introduction to Server-side JS Framework – Node.js 9

Introduction to Node.js – Architecture – Feature of Node.js - Creating web servers with
HTTP (Request & Response) – Event Handling - GET & POST implementation

Unit II Introduction to NoSQL Database – MongoDB 9

Introduction – Key Characteristics and usecase – Scheme design and Data Modelling – Atomic
operations –Connection to MongoDB – Implementation of CRUD Operations

Unit III Introduction to Type Script 9

Introduction to TypeScript – Features of TypeScript – Variables – Datatypes – Enum – Array –
Tuples – Functions – OOP concepts – Classes – Interfaces – Inheritance

Unit IV Introduction to Client-side JS Framework – Basics of Angular 4.0 9

Introduction to Angular 4.0 – Features – Components and Templates – Modules – Built in
Directives – HTTP

Unit V Forms and Routing in Angular 4.0 9

Template Driven Forms – Model Driven Forms or Reactive Forms – Custom Validators –
Dependency Injection – Services – RxJS Observables

H. Lab Experiments:

Task 1. Installation and setup of Node.js and MongoDB

Task 2. Building an express web server
Task 3. Use Get & Post method in web server
Task 4. Connect to NoSQL Database using Node.js
Task 5. Implementation of CRUD operations
Task 6. Installation and setup of Angular4.0 and Typescript
Task 7. Form creations using Decorators and Generics
Task 8. Develop Video Streaming Websites using nested components
Task 9. Develop User – Review Websites
Task 10.Develop User generated content websites
Task 11.REST services and Routing
Task 12.Animation
 Tools: Node.js Version 12, Angular 4.0, Typescript

TOTAL: 45 Hours
I. Learning Resources

i. Text Books:

1. Greg Lim “Beginning Node.js,Express & MongoDB Development”, July 2019.

[Unit I].
2. Alex Giama s, “Mastering MongoDB 4.x”, second Edition, Packt Publishing 2019 [Unit
–II].
3. Nathan Rozentals,”Mastering TypeScript 3: Build Enterprise Read, Industrial Strength
web Application using Typescript 3 and Modern Frameworks”, 3rd Edition, Kindle
Edition Feb 2019 [Unit –III].
4. Nate Murray, Felipe Coury, Ari Lerner and Carlos Taborda, “ng-book, The Complete
Book on Angular 4” 2017 [Unit –IV, V].

ii. Reference Books:

1. Krishna Rungta, “Angular JS” kindle Edition 2018.

2. Andrew Mead, “Advanced Node.js Development” packt Publishing, 2018.
3. Boris Cherny, “Programming Typescript: Making Your Javascript Application scale”,
Kindle Edition, 2019.

iii. Online resources:

1. Web link for TypeScript: https://www.typescriptlang.org/

2. Web link for Angular4.0: https://angular.io/

3. Web link for Node.js : https://nodejs.org/en/

4. Web link for MongoDB: https://www.mongodb.com/

iv. MOOCs

1. https://www.udemy.com/course/the-complete-nodejs-developer-course-/
2. https://www.udemy.com/topic/Angular/?
3. https://www.coursera.org/learn/server-side-nodejs
4. https://www.coursera.org/lecture/single-page-web-apps-with-angularjs/course-
introduction-dacLq