DEPARTMENT OF INFORMATION TECHNOLOGY

IT3501 - FULLSTACK WEB DEVELOPMENT

QUESTION BANK

R-2021

Prepared by
Mrs. J. Jayasathya Page 1
J.J. College of Engineering & Technology,Trichy
 DEPARTMENT OF INFORMATION TECHNOLOGY

III YEAR / V

SEMESTER

REGULATION 2021

IT3501 - FULLSTACK WEB DEVELOPMENT

Faculty In Charge Head of the Department

J. Jayasathya M.E., Dr. P. Vijayakumar, M.E., Ph.D.,
Assistant Professor Professor & Dean (Computing

Prepared by
Mrs. J. Jayasathya Page 2
J.J. College of Engineering & Technology,Trichy
 INSTITUTE VISION & MISSION

VISION:
To become a globally recognized „Centre of Academic Excellence‟ providing Quality
Education to all students.

MISSION:
To provide Quality Education in the fields of Engineering, Management, Information
Technology and other Engineering areas.

DEPARTMENT VISION & MISSION

VISION:
To prepare technically skilled and competent intellectual IT professional graduates to meet
the challenges in the IT industry.

MISSION:
M1: To produce technologically competent graduates to be front runner in their profession.
M2: To provide state-of-the-art facilities and laboratories so as to enhance excellence in
teaching and learning process.
M3: To provide need-based quality training programmes in the field of Information
Technology.
M4: Enhance the students' IT knowledge in the latest technologies by organizing technical
programs and encouraging students to make them present papers and participate in
technical events.

Prepared by
Mrs. J. Jayasathya Page 3
J.J. College of Engineering & Technology,Trichy
 PROGRAM EDUCATIONAL OBJECTIVES (PEOs)

Demonstrate technical competence with analytical and critical thinking to understand

PEO1 and meet the diversified requirements of industry, academia and research.
Exhibit technical leadership, team skills and entrepreneurship skills to provide
PEO2 business solutions to real world problems.

Work in multi-disciplinary industries with social and environmental responsibility,

PEO3 work ethics and adaptability to address complex engineering and social problems.

Pursue lifelong learning, use cutting edge technologies and involve in applied research
PEO4
to design optimal solutions.

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.
Problem analysis: Identify, formulate, review research literature, and analyze complex
PO2 engineering 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 system components or processes that meet the specified
PO3
needs with appropriate consideration for public health and safety, and the cultural,
societal,
and environmental considerations.
Conduct investigations of complex problems: Use research-based knowledge and
PO4 research methods including the 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 engineering and IT tools including prediction and modeling to complex
PO5
Engineering activities with an understanding of the
limitations.
The engineer and society: Apply to reason in formed by the contextual Knowledge to
PO6 assess societal, health, safety, legal and cultural issues and the Consequent responsibilities
relevant to the professional engineering practice.

Prepared by
Mrs. J. Jayasathya Page 4
J.J. College of Engineering & Technology,Trichy
 Environment and sustainability: Understand the impact of the
PO7 professional engineering solutions in 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
PO8 and 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: Communicate effectively on complex engineering activities with the

engineering community and with society at large, such as, being able to comprehend and
PO10
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
PO11
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
PO12
Engage in in dependent and life-long learning in the broadest context of technological
change.
PROGRAM SPECIFIC OUTCOMES (PSOs):

Have proficiency in programming skills to design, develop and apply appropriate

PSO1
techniques, to solve complex engineering problems.

Have knowledge to build, automate and manage business solutions using cutting
PSO2
edge technologies.

PSO3 Have excitement towards research in applied computer technologies.

Prepared by
Mrs. J. Jayasathya Page 5
J.J. College of Engineering & Technology,Trichy
 IT3501 FULL STACK WEB DEVELOPMENT L T P C
3 0 0 3

COURSE OBJECTIVES:
• To understand the various components of full stack development
• To learn [Link] features and applications
• To develop applications with MongoDB
• To understand the role of Angular and Express in web applications
• To develop simple web applications with React

UNIT I BASICS OF FULL STACK 9

Understanding the Basic Web Development Framework - User - Browser – Webserver - Backend
Services – MVC Architecture - Understanding the different stacks –The role of Express – Angular
– Node – Mongo DB – React

UNIT II NODE JS 9

Basics of Node JS – Installation – Working with Node packages – Using Node package manager –
Creating a simple [Link] application – Using Events – Listeners –Timers - Callbacks – Handling
Data I/O – Implementing HTTP services in [Link]

UNIT III MONGO DB 9

Understanding NoSQL and MongoDB – Building MongoDB Environment – User accounts –

Access control – Administering databases – Managing collections – Connecting to MongoDB
from [Link] – simple applications

UNIT IV EXPRESS AND ANGULAR 9

Implementing Express in [Link] - Configuring routes - Using Request and Response objects -
Angular - Typescript - Angular Components - Expressions - Data binding - Built-in directives

UNIT V REACT 9

MERN STACK – Basic React applications – React Components – React State – Express REST
APIs - Modularization and Webpack - Routing with React Router – Server-side rendering

TOTAL:45 PERIODS

Prepared by
Mrs. J. Jayasathya Page 6
J.J. College of Engineering & Technology,Trichy
 COURSE OUTCOMES

On completion of this course, the students expected to be able to:

CO1 Understand the various stacks available for web application development

CO2 Use [Link] for application development

CO3 Develop applications with MongoDB

CO4 Use the features of Angular and Express

CO5 Develop React applications

CO‟s – PO‟s & PSO‟s MAPPING

Correlation of COs with POs / PSOs

COs PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10 PO11 PO12 PSO1 PSO2 PSO3
CO1 3 2 - - - - - - 1 1 1 1 1 1 -
CO2 3 3 3 3 2 1 - - 2 - 2 3 2 2 1
CO3 3 3 2 2 2 2 - - 2 2 2 3 2 2 1
CO4 3 3 2 2 2 1 - - 1 1 2 2 2 1 1
CO5 3 3 3 3 3 1 - - - - 2 2 2 2 1

AVG 3 3 2 2 2 1 - - 1 1 2 2 2 2 1
3 – High; 2 – Medium; 1 – Low,”-“No Correlation

Prepared by
Mrs. J. Jayasathya Page 7
J.J. College of Engineering & Technology,Trichy
 TEXT BOOKS:
1. Brad Dayley, Brendan Dayley, Caleb Dayley, ‘[Link], MongoDB and
Angular Web Development’, Addison-Wesley, Second Edition, 2018
2. Vasan Subramanian, ‘Pro MERN Stack, Full Stack Web App Development with
Mongo, Express, React, and Node’, Second Edition, Apress, 2019.

REFERENCE BOOKS:
1. Chris Northwood, ‘The Full Stack Developer: Your Essential Guide to the Everyday
Skills Expected of a Modern Full Stack Web Developer’, Apress; 1st edition, 2018
2. Kirupa Chinnathambi, ‘Learning React: A Hands-On Guide to Building Web
Applications Using React and Redux’, Addison-Wesley Professional, 2nd edition,
2018
3. [Link]
4. [Link]
5. [Link]

Prepared by
Mrs. J. Jayasathya Page 8
J.J. College of Engineering & Technology,Trichy
 UNIT– I
BASICS OF FULL
STACK

PART–A
CO
Q. No Questions BT Level Complexity
Mapping

1. Compare between browser and web CO1 Evaluate

server. Medium

Why do we need backend services in web

2. Understand
development? CO1 Low

Write the role of a User in the web

3. development framework. CO1 Understand Low

Why would you use flex-wrap CSS

4. property and what values can it have? CO1 Understand Low

State the difference between GET and CO1 Remember

5. Medium
POST.

List some companies involved in using full Remember Low

6. CO1
stack technologies.

Draw an MVC pattern for a SQL query

CO1 Create High
7. execution.

Point out some real time web

8. applications along with the full stack CO1 Remember Medium
technologies used.

What is the role of a Webserver in the

9. CO1 Understand Low
web development process?

Illustrate backend services and their

10. CO1 Analyze High
significance in web development.

PART–B
CO
Q. No Questions BT Level Complexity
Mapping

Prepared by
Mrs. J. Jayasathya Page 9
J.J. College of Engineering & Technology,Trichy
 With neat diagram illustrate in detail about
MVC architecture design pattern of web
1. development with its component and design CO1 Analyze High
participate.
Describe the entire process of Full Stack Web
Development, starting from the User's request
2. to displaying the final output on the Browser. CO1 Understand Medium
Highlight the role of each component involved
in the process.
Compare and contrast it with traditional
relational databases like MySQL in terms of
3. CO1 Evaluate High
data storage, querying, scalability, and
flexibility.
What is full stack development? Assume that
you are assigned the responsibility of
developing a web application for online
4. booking for vehicle services and washing. As CO1 Understand Medium
a web developer clearly explains how to
choose a technology stack for this web
application

Compare and contrast of MEAN stack and

5. CO1 Evaluate Medium
MERN stack.
What technologies are used for full stack
developer? develop a web based online course
registration system using full stack CO1 Create High
6. technologies considering client-side and
server-side components.
Explain in detail about web development
7. stacks and their roles in building functional CO1 Understand Medium
web application.
Compare and contrast the traditional three-tier
architecture with the Full Stack Web
Development architecture. Discuss the High
8. CO1 Evaluate
advantages and disadvantages of each
approach.

Prepared by
Mrs. J. Jayasathya Page 10
J.J. College of Engineering & Technology,Trichy
 UNIT –
II NODE
JS

PART–A
CO
Q. No Questions BT Level Complexity
Mapping
Write short notes on node package
1. manager (NPM). CO2 Understand Low

Compare between event call backs and

2. threaded models. CO2 Evaluate Medium
Give the syntax of any 5 NPM basic
3. commands. CO2 Understand Low

Mention the built-in modules that comes

4. with [Link]. CO2 Remember Medium

Give an example of blocking I/O and its

5. impact on [Link]. CO2 Understand Low

6. Write the [Link] event model process. CO2 Understand Medium

How to process query strings and form
7. parameters? CO2 Understand Low

Compare client-side programming

8. CO2 Evaluate Medium
and server-side programming.

How to connect [Link] to a Mongo DB

9. database? CO2 Understand Low

10. What is Event Emitter? CO2 Understand Low

Prepared by
Mrs. J. Jayasathya Page 11
J.J. College of Engineering & Technology,Trichy
 PART–B
CO
Q. No Questions BT Level Complexity
Mapping

Describe about the methods of reading and Medium

1. CO2 Understand
writing buffer objects with an example.

2. Discuss about readable and writable streams CO2 Understand Medium

with code snippets.
Illustrate in detail about processing query
3. strings and form parameters with request, CO2 Analyze High
response, and server object examples.
Develop an application to demonstrate file
4. upload process in [Link]. CO2 Create High

Building on the HTTP server, explore the

concept of middleware in [Link]. Describe
5. how middleware functions work and their role CO2
Create High
in request processing and response handling.
Describe the different approaches to read and
6. write files, and highlight the benefits of using CO2 Understand Medium
streams for large-scale I/O operations.

Explain the concept of a call back hell and

7. how it can be mitigated. CO2 Understand Medium

Discuss the implementation of HTTP Clients

8. and Servers in [Link]. CO2 Understand Medium
Describe the entire process of implementing
9. CO2 Understand Medium
HTTP Services in [Link].

Prepared by
Mrs. J. Jayasathya Page 12
J.J. College of Engineering & Technology,Trichy
 UNIT – III
MONGO DB

PART–A
CO
Q. No Questions BT Level Complexity
Mapping

1. List the Mongo DB data types with its CO3 Remember Low
description.

2 How to see user roles in Mongo DB? CO3 Understand Low

3 Write the features of No SQL. CO3 Understand Low

4 What is map reduce? CO3 Understand Low

5 What is JSON? CO3 Understand Low

6 Define collection and document. CO3 Remember Medium

7 What is Normalizing Data? CO3 Understand Low

8 Define Capped Collections. CO3 Remember Medium

What is TTL? How TTL can be implemented in

9. MongoDB? TTL or time-to live value for CO3 Understand Low
documents in each of your collections

Prepared by
Mrs. J. Jayasathya Page 13
J.J. College of Engineering & Technology,Trichy
 PART–B
CO
Q. No Questions BT Level Complexity
Mapping
Explain in details about query object
1 to fetch the data from Mongo DB CO3 Understand Medium
with relevant code snippets.

Illustrate about sorting result set and

2 finding distinct values from a Mongo CO3 Analyze Medium
DB collection.
Design and entire database structure
3 for an ecommerce application for CO3 Create High
Mongo DB.
Create a Node JS server that create,
4 read, updates and delete student’s CO3 Create High
details in Mongo DB database
Explain the way Mongo DB is used
to list, create and remove users from
5 CO3 Understand Medium
the mongo DB shell with examples.
Elaborate the different methods of
6 document, collection, and database CO3 Understand Medium
modelling that can be used in Mongo
Explain the way Mongo DB is
7 used to add users to configure CO3 Create High
access control

Prepared by
Mrs. J. Jayasathya Page 14
J.J. College of Engineering & Technology,Trichy
 UNIT – IV
EXPRESS AND
ANGULAR

PART–A
CO
Q. No Questions BT Level Complexity
Mapping
Different between typescript and java
1. script. CO4 Understand Low

What is the importance of track by in

2. CO4 Understand Low
the ng-repeat directives in angular?

What is Routing?
3. CO4 Understand Low

What is the syntax of Express CO4 Understand Low

4.
module?
What are the methods for
5. implementing an express module? CO4 Understand Low
Give an example.
List any five methods of Response CO4 Remember Low
6.
Object.
7. How to write a class in Type Script? CO4 Understand Low

8. What is Dependency Injection? CO4 Understand Low

9. List the rules to implement Angular. CO4 Remember Low

How to handle the HTTP request by

10. CO4 Understand Low
the HTTP Server?

Prepared by
Mrs. J. Jayasathya Page 15
J.J. College of Engineering & Technology,Trichy
 PART–B
CO
Q. No Questions BT Level Complexity
Mapping
Illustrate in detail about request
1. and response object in express is CO4 Analyze Medium
with relevant example.
Explain about configuring
2. routers to implement express in CO4 Understand Medium
[Link].
Describe in details about angular
3. component its lifecycle and style CO4 Understand Medium
with example code snippets.
Discuss the role of typescript in
4. angular application. CO4 Understand Medium

Explain the concept of applying

5. router parameter in express http CO4 Understand Medium
server.
Explain the commonly used
properties available in the request
6. and response object with CO4 Understand Medium
example.
Describe the interface class and
inherence in typescript with
7. CO4 Understand Medium
necessary examples.
Discuss the role of angular CLI
in development also provide
examples of common CLI CO4 Understand Medium
8.
command and their use case in
managing angular project.
Implement the basic angular
9. application. Include a component, CO4 Create High
a module, and a bootstrapper.
Summarizes the step to create the
10. basic angular a application. CO4 Create High

Prepared by
Mrs. J. Jayasathya Page 16
J.J. College of Engineering & Technology,Trichy
 UNIT – V
REACT

PART–A
CO
Q. No Questions BT Level Complexity
Mapping
In the render function, instead of
returning one <div>, try returning
two <div> Elements placed one CO5 Understand Low
1.
after the other. what happens? and
why?
Differentiate between react router
2. CO5 Understand Medium
parameter and query parameter.
What is Bootstrap and React-
3. Bootstrap? CO5 Understand Low

4. Define Virtual DOM. CO5 Remember Low

5. What is One-way Data Binding? CO5 Understand Low

6. Difference between Functional and CO5 Understand Medium

Class Components.
7. What is Hydration? CO5 Understand Low

8. What is modularization in react? CO5 Understand Low

9. What is JFX? CO5 Understand Low

What are the differences between
10. props and state? CO5 Understand Low

Prepared by
Mrs. J. Jayasathya Page 17
J.J. College of Engineering & Technology,Trichy
 PART–B
CO
Q. No Questions BT Level Complexity
Mapping
Describe details about react
1. component and react status with CO5 Understand Medium
example and code snippets.
i) Explain about modularization in
react using web pack tool.
2. ii) Write a step by step producer in CO5 Understand Medium
enable server side rendering for a
react APP.
Discuss about express rest API’s
3 methods with an example. CO5 Understand Medium

Describe the steps of installation of

4. React JS. Write a program using CO5 Understand Medium
React JS.

5. Explain about the MERN stack. CO5 Understand Medium

Design and implement an Express
6. REST API for a simple Task CO5 Create High
Management Application.
Develop a checklist using React JS
7. CO5 Create High
classes and component.
Demonstrate the MERN stack
8. facilitate a development of basic react CO5 Create High
application.
Explain the concept of react state and
its significant in building dynamic
9. web application using the MERN CO5 Understand Medium
stack.
Develop a login page using React JS
10. classes and component. CO5 Create High

Prepared by
Mrs. J. Jayasathya Page 18
J.J. College of Engineering & Technology,Trichy
Prepared by
Mrs. J. Jayasathya Page 19
J.J. College of Engineering & Technology,Trichy