Course Handout (2024-25 EVEN SEMESTER)

Subject Name/Code : Emerging Technologies Lab(BTCS-P-PE-023) Branch/Sem/Batch :

CEN 6 SEM (A1),CEN 6 SEM
(A2),CEN 6 SEM (A3),CSE 6
SEM (A1),CSE 6 SEM (A2),CSE
6 SEM (B1),CSE 6 SEM
(B2),CSE 6 SEM (C1),CSE 6
SEM (C2),CSE 6 SEM (D1),CSE
6 SEM (D2),CST 6 SEM (A1),CST
6 SEM (A2),CST 6 SEM (A3)
: Chittaranjan Mohapatra , Surajit Das , RABINARAYAN MOHANTY , Rashmirekha Mahala ,
Jiten Kumar Mohanty , Pratap Chandra Panigrahi , Dibakar Pradhan , Rasmita Sahoo ,
Name of Faculty Jitendra Pradhan , INDUPRAVA MALLICK , HRUSIKESH SETHI , MAMATA MOHANTA ,
PRABHUPAD SAHOO , MITA DANSANA , GANESH MAHARNA , LALATENDU JENA ,
UMAMANI BEHERA , SITAKANTA PARIDA , SATYABRATA JENA , Bibhuti Bhusan Behera
Scope & Objective -:

The objective of this laboratory course is to provide practical exposure to emerging technologies in building modern enterprise
level rich interactive web application development using various latest frameworks, languages, and databases.

Pre-Requisite -:

# Topic Module Chapter Course Coverage No of Classes

Review of HTML - Basic tags, lists, tables,

1 TRUE 1
form, div & span
CSS & Bootstrap – Use of CSS3, CDN,
2 TRUE 1
Bootstrap 5
JS – ES6 Features, Functions, Arrow
3 TRUE 1
Function, Callback Function
4 JS – Array and higher-order array methods TRUE 1
5 JS - Asynchronous JS, Class, Object TRUE 1
6 HTTP Methods, Status Code, REST API TRUE 1
7 JSON, JSON Server, AXIOS TRUE 1
Node.js – NPM, Path Module, File System,
8 TRUE 1
OS Module, URL Module
Node.js - HTTP Module, Create Server
9 TRUE 1
using Node.js Render HTML pages
Express.js – Installation, and setup, creating
10 TRUE 1
routes, rendering HTML and static files
MongoDB – BSON, NoSQL Database,
11 TRUE 1
MongoDB Queries
MongoDB - Operators and Aggregate
12 TRUE 1
Functions
Express.js - Build REST API using express,
13 TRUE 1
middleware
Installation of Mongoose for NodeJS,
14 Connect Express with MongoDB, Fetching TRUE 1
data and displaying to the user.
15 Define routes and perform CRUD operation TRUE 1
React.js – Introduction to React.js,
16 HelloWord in React, JSX, Rendering TRUE 1
Elements
React.js - Component, and props, functional
17 and class-based components, conditional TRUE 1
rendering.
React.js – Event handling, Lifecycle
18 TRUE 1
Methods
19 React.js – Hooks, Router, Form Handling TRUE 1
20 API call in React TRUE 1
 Build Endpoints of an End-to-End
21 application with MongoDB, Express.js, TRUE 1
Node.js
Build front-ends of an End-to-End
22 TRUE 1
application with ReactJS
23 API Authentication and Middleware TRUE 1
24 Mini Project TRUE 1
Demonstration of the working project,
25 TRUE 1
presentation, viva, and evaluation

Total no. of classes : 25

Text Book
G. Lim, Beginning MERN Stack: Build and Deploy a Full Stack MongoDB, Express, React, Node.js App, 1st Edition,
Independently Published, 2020, ,, ,
E. Brown,Web Development with Node and Express, 2nd Edition, O’Reilly Media, 2019, ,, ,

Reference Book
D. Crockford, JavaScript: The Good Parts, 1st Edition, Yahoo Press, 2008., ,, ,
S. Bradshaw, E. Brazil, and K. Chodorow, MongoDB: Powerful and Scalable Data Storage, 3rd Edition, O’Reilly Media, 2019, ,, ,
Online Reference Material(s):

1. https://developer.mozilla.org/en-US/docs/Web/JavaScript
2. https://nodejs.org/en/docs/
3. https://expressjs.com/
4. https://docs.mongodb.com/manual/tutorial/query-documents/
5. https://www.mongodb.com/developer/quickstart/node-crud-tutorial/
6. https://reactjs.org/docs/getting-started.html

Course Outcome:
CO1 Explore the Setup and installation process of MongoDB NoSQL database server.
CO2 Develop rich interactive applications using Node and NPM.
CO3 Develop applications with REST API using Express JS.
CO4 Develop interactive front-end applications using React JS.
CO5 Integrate NoSQL database, REST API, and Front-end application.

Program Outcomes Relevent to the Course:

Engineering knowledge: Apply the knowledge of mathematics, science, engineering fundamentals,
PO1
and an engineering specialization to the solution of complex engineering problems
Problem analysis: Identify, formulate, review research literature, and analyze complex engineering
PO2 problems reaching substantiated conclusions using first principles of mathematics, natural
sciences, and engineering sciences.
Design/development of solutions: Design solutions for complex engineering problems and design
PO3 system components or processes that meet the specified needs with 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 research methods
PO4 including design of experiments, analysis and interpretation of data, and synthesis of the
information to provide valid conclusions.
Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern
PO5 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 assess
PO6 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 engineering solutions in
PO7 societal and environmental contexts, and demonstrate the knowledge of, and need for sustainable
development.
 Ethics: Apply ethical principles and commit to professional ethics and responsibilities and norms of
PO8
the engineering practice.
Individual and team work: Function effectively as an individual, and as a member or leader in
PO9
diverse teams, and in multidisciplinary settings.
Communication: Communicate effectively on complex engineering activities with the engineering
PO10 community and with society at large, such as, being able to comprehend 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
PO11 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.
Life-long learning: Recognize the need for, and have the preparation and ability to engage in
PO12
independent and life-long learning in the broadest context of technological change.

Mapping of CO's to PO's: (1: Low, 2: Medium, 3: High)

PO1 PO2 PO3 PO4 PO5 PO9 PO12
CO1 3 1 1 1 3 1 2
CO2 3 3 3 3 3 3 3
CO3 3 3 3 3 3 3 3
CO4 3 3 3 3 3 3 3
CO5 3 2 3 3 3 3 3