IT3501 FULL STACK WEB DEVELOPMENT LTPC

3003

COURSE OBJECTIVES:
• To understand the various components of full stack development
• To learn Node.js 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 Node.js application – Using Events – Listeners –Timers - Callbacks – Handling Data I/O –
Implementing HTTP services in Node.js
UNIT III MONGO DB
9
Understanding NoSQL and MongoDB – Building MongoDB Environment – User accounts – Access control –
Administering databases – Managing collections – Connecting to MongoDB from Node.js – simple
applications
UNIT IV EXPRESS AND ANGULAR 9
Implementing Express in Node.js - 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

COURSE OUTCOMES:
At the end of the course, students will be able to
CO1: Understand the various stacks available for web application development
CO2: Use Node.js for application development
CO3: Develop applications with MongoDB
CO4: Use the features of Angular and Express
CO5: Develop React applications
TOTAL: 45 PERIODS
TEXT BOOKS
1. Brad Dayley, Brendan Dayley, Caleb Dayley, ‘Node.js, 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.

REFERENCES
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. https://www.tutorialspoint.com/the_full_stack_web_development/index.asp
4. https://www.coursera.org/specializations/full-stack-react
5. https://www.udemy.com/course/the-full-stack-web-development/
Lecturer Topic to be covered Cumulativ Text book/ Teaching
hours e hours methodology
Reference
 UNIT I - BASICS OF FULL STACK
L1 Introduction to Po’s, Co’s, Pso’s.
L2 Understanding the Basic Web Development
Framework.
L3 User - Browser – Webserver.

L4 Backend Services.

L5 MVC Architecture.

L6 Understanding the different stacks.

L7 The role of Express, Angular.

L8 Node, Mongo DB.

L9 React.

CBS 1

UNIT II - NODE JS
L10 Basics of Node JS.

L11 Installation – Working with Node packages.

L12 Using Node package manager.

L13 Creating a simple Node.js application.

L14 Using Events.

L15 Listeners, Timers.

L16 Callbacks.

L17 Handling Data I/O

L18 Implementing HTTP services in Node.js

CBS 2

UNIT III - MONGO DB

L19 Understanding NoSQL.

L20 Understanding MongoDB.

L21 Building MongoDB Environment.

L22 User accounts.

L23 Access control.

L24 Administering databases.

L25 Managing collections.

L26 Connecting to MongoDB from Node.js.

 L27 Simple applications.

CBS 3

UNIT IV - EXPRESS AND ANGULAR

L28 Implementing Express in Node.js.

L29 Configuring routes.

L30 Using Request and Response objects.

L31 Angular.

L32 Typescript.

L33 Angular Components.

L34 Expressions.

L35 Data binding - Built-in directives.

L36 Built-in directives.

CBS 4

UNIT V - REACT
L37 MERN STACK.

L38 Basic React applications.

L39 React Components.

L40 React State.

L41 Express REST APIs.

L42 Modularization and Webpack.

L43 Routing with React Router.

L44 Server-side rendering.

L45 Applications of MERN STACK and react.

CBS 5

IT3511 FULL STACK WEB DEVELOPMENT LAB LTPC

0042
COURSE OBJECTIVES:
• To develop full stack applications with clear understanding of user interface, business logic and data storage.
• To design and develop user interface screens for a given scenario
• To develop the functionalities as web components as per the requirements
• To implement the database according to the functional requirements
• To integrate the user interface with the functionalities and data storage.

LIST OF EXPERIMENTS:
The Instructor can choose the technology stack to develop the following full stack experiments – based on the
Full Stack Web Development Theory Course.
1. Develop a portfolio website for yourself which gives details about yourself for a potential recruiter.
2. Create a web application to manage the TO-DO list of users, where users can login and manage their to-do
items
3. Create a simple micro blogging application (like twitter) that allows people to post their content which can
be viewed by people who follow them.
4. Create a food delivery website where users can order food from a particular restaurant listed in the website.
5. Develop a classifieds web application to buy and sell used products.
6. Develop a leave management system for an organization where users can apply different types of leaves
such as casual leave and medical leave. They also can view the available number of days.
7. Develop a simple dashboard for project management where the statuses of various tasks are available. New
tasks can be added and the status of existing tasks can be changed among Pending, InProgress or Completed.
8. Develop an online survey application where a collection of questions is available and users are asked to
answer any random 5 questions.
TOTAL: 60 PERIODS
COURSE OUTCOMES:
CO1: Design full stack applications with clear understanding of user interface, business logic and data storage.
CO2: Design and develop user interface screens.
CO3: Implement the functional requirements using appropriate tool.
CO4: Design and develop database based on the requirements.
CO5: Integrate all the necessary components of the application.

B.TECH INFORMATION TECHNOLOGY

Vision
To be a centre of excellence in Information Technology education and research, fostering innovation,
leadership, and technological competence in students, empowering them to address global challenges and
contribute to the advancement of society
Mission
1. Provide Quality Education: To deliver a comprehensive and industry-relevant curriculum that
equips students with the technical, analytical, and problem-solving skills necessary for a successful
career in IT.
2. Promote Research and Innovation: To encourage research initiatives, innovation, and collaboration
with industry and academia, enabling students and faculty to develop cutting- edge technologies and
solutions.
3. Develop Leadership and Teamwork: To nurture leadership qualities, communication skills, and
teamwork among students, preparing them to excel in multidisciplinary and multicultural
environments.
4. Continuous Learning and Adaptation: To promote lifelong learning and adaptability in a rapidly
evolving technological world, enabling students to remain competitive in their professional careers.

PROGRAM EDUCATIONAL OBJECTIVES (PEOs)

Bachelor of Mechanical Engineering curriculum is designed to impart Knowledge, Skill and Attitude on
the graduates to
PEO1: Demonstrate technical competence with analytical and critical thinking to understand and meet the
diversified requirements of industry, academia and research.
 PEO2: Exhibit technical leadership, team skills and entrepreneurship skills to provide business solutions to
real world problems.

PEO3: Work in multi-disciplinary industries with social and environmental responsibility, work ethics and
adaptability to address complex engineering and social problem

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

PROGRAM OUTCOMES (POs)

PO1: Engineering Knowledge: Apply knowledge of mathematics, natural science, computing,
engineering fundamentals and an engineering specialization as specified in WK1 to WK4 respectively to
develop to the solution of complex engineering problems.
PO2: Problem Analysis: Identify, formulate, review research literature and analyze complex
engineering problems reaching substantiated conclusions with consideration for sustainable
development.
PO3: Design/Development of Solutions: Design creative solutions for complex engineering problems
and design/develop systems/components/processes to meet identified needs with consideration for the
public health and safety, whole-life cost, net zero carbon, culture, society and environment as required.
PO4: Conduct Investigations of Complex Problems: Conduct investigations of complex engineering
problems using research-based knowledge including design of experiments, modelling, analysis &
interpretation of data to provide valid conclusions.
PO5: Engineering Tool Usage: Create, select and apply appropriate techniques, resources and modern
engineering & IT tools, including prediction and modelling recognizing their limitations to solve
complex engineering problems.
PO6: The Engineer and The World: Analyze and evaluate societal and environmental aspects while
solving complex engineering problems for its impact on sustainability with reference to economy,
health, safety, legal framework, culture and environment.
PO7: Ethics: Apply ethical principles and commit to professional ethics, human values, diversity and
inclusion; adhere to national & international laws.
PO8: Individual and Collaborative Team work: Function effectively as an individual, and as a
member or leader in diverse/multi-disciplinary teams.
PO9: Communication: Communicate effectively and inclusively within the engineering community
and society at large, such as being able to comprehend and write effective reports and design
documentation, make effective presentations considering cultural, language, and learning differences
PO10: Project Management and Finance: Apply knowledge and understanding of engineering
management principles and economic decision-making and apply these to one’s own work, as a member
and leader in a team, and to manage projects and in multidisciplinary environments.
PO11: Life-Long Learning: Recognize the need for, and have the preparation and ability for i)
independent and life-long learning ii) adaptability to new and emerging technologies and iii) critical
thinking in the broadest context of technological change.

PROGRAM SPECIFIC OUTCOMES (PSOs)

PSO1: Have proficiency in programming skills to design, develop and apply appropriate techniques, to
solve complex engineering problems.
PSO2: Have knowledge to build, automate and manage business solutions using cutting edge
technologies and excitement towards research in applied computer technologies.