Full Stack Web Development

Course Learning Objective:

● Understand the fundamentals of front-end and back-end development, including key web
development technologies.
● Learn to create server-side applications and develop RESTful APIs using Node.js, Express.js, SQL, and
NoSQL databases.
● Implement user authentication and authorization mechanisms and deploy web applications using
cloud services.
● Explore advanced web development topics and apply cloud computing concepts to enhance web
applications.
● Develop a comprehensive full-stack project, integrating front-end and back-end technologies, and
deploy it using industry best practices.

Course Outcomes:
● Demonstrate the ability to build and style static web pages using HTML, CSS, and React.js.
● Develop server-side applications and implement CRUD operations using SQL and NoSQL databases,
integrating them with RESTful APIs.
● Implement secure user authentication and authorization systems and deploy web applications to
cloud services.
● Apply advanced web development practices, including security and performance optimization, in
cloud-based environments.
● Design, develop, and deploy a full-stack web application, integrating front- end and back-end
technologies with cloud deployment strategies.

CURRICULUM:
UNIT 1: FRONT-END AND BACK-END DEVELOPMENT BASICS
Overview of front-end and back-end development, Key technologies in web development, Basics of
building web pages with HTML, Styling web pages with CSS, Building dynamic user interfacesusing
React.js, Set up a development environment for front-end and back-end, Build a static web page.
UNIT 2: SERVER-SIDE DEVELOPMENT AND RESTFUL APIS
Creating server-side applications using Node.js and Express.js, Introduction to SQL and NoSQL
databases, focusing on MongoDB, Creating and consuming RESTful APIs between front-end and
back-end, Set up a Node.js server, Develop CRUD operations with SQL and NoSQL databases.
UNIT 3: USER AUTHENTICATION, AUTHORIZATION
Authentication and authorization mechanisms, deploying web applications using cloud services,
Setting up CI/CD pipelines for automated deployment, Build a user authentication system with
JWT, Deploy a web application to a cloud service, Set up a CI/CD pipeline for continuous
integration and deployment.
UNIT 4: ADVANCED TOPICS AND CLOUD COMPUTING
Advanced topics and best practices in web development, Cloud computing concepts and services,
using cloud-based tools to enhance web applications, Apply security best practices to a web
application, Implement performance optimization techniques.
UNIT 5: CASE STUDIES AND DEPLOYMENT
Case studies of real-world full-stack applications, Develop a project based on industry best practices,
Major Project Development- Hands-on development of the final project- Integrating frontend
(React) with backend (Node.js and Express)-Deployment Strategies- Deployment options(e.g.,
Heroku, Netlify) - Best practices for deploying Node.js and React applications.

Real-world Problem Statements: Students are required to complete anyoneproblem and design a
viable solution:

E-Commerce Platform Integration

Question: How would you address data synchronization issues and maintain real-time updates inan
e-commerce platform where the front-end is built with React.js and the back-end uses Node.jsand
Express.js? Discuss strategies for managing user authentication and payment processing.

Description: Design an e-commerce platform that integrates a React.js front-end with a Node.js
and Express.js back-end. Discuss the challenges and solutions for synchronizing data between
the front-end and back-end, ensuring real-time updates, and handling user authentication and
payment processing.

1. Serverless Architecture for Real-Time Data Processing

Question: How would you design a serverless architecture using IBM Cloud Functions to handle
real-time data processing from IoT devices? What are the key benefits and potential limitations of
using serverless functions for his purpose?

Description: Implement a serverless architecture using IBM Cloud Functions to process and
analyze real-time data from IoT devices. Explore how serverless functions can be used to handle
variable workloads and the benefits and limitations of this approach.
2. API Development and Integration
Question: How would you design and implement a RESTful API for a task management
application and integrate it with a React.js front-end? What considerations would you take into
account for state management and securing API communications?

Description: Develop a RESTful API for a task management application and integrate it with a front-
end built using React.js. Discuss how to design the API endpoints, manage state in React.js,and
ensure secure communication between the client and server.

3. Database Migration and Management

Question: What are the key challenges and considerations when migrating a legacy application’s
database from MySQL to MongoDB? How would you manage data consistency and leverage the
advantages of MongoDB in this scenario?

Description: Migrate a legacy application’s database from MySQL to MongoDB and implementa
hybrid approach to handle existing and new data. Discuss the challenges of data migration,
managing data consistency,and the advantages of using MongoDB over MySQL.

4. CI/CD Pipeline Implementation

Question: How would you set up a CI/CD pipeline using Jenkins or GitHub Actions for automating
the build,test, and deployment processes of a web application? What strategies wouldyou employ
to handle deployment rollbacks effectively?

Description: Implement a Continuous Integration and Continuous Deployment (CI/CD) pipeline for
a web application using tools like Jenkins or GitHub Actions. Explain how to automate the build,
test, and deployment processes, and discuss strategies for handling deployment rollbacks.
5. Real-Time Performance Monitoring
Question: How would you use performance monitoring tools like New Relic or Datadog to
monitor and optimize a deployed application’s performance? What steps would you take to
analyze performance data and implement necessary optimizations?

Description: Deploy an application and use performance monitoring tools like New Relic or
Datadog to track its performance. Describe how to set up monitoring, analyze performance data,
and implement optimizations based on the insights gained.

6. Inclusive and Sustainable Workplace Practices

Question: What strategies would you implement to promote inclusivity and environmental
sustainability in a technology company? How would you measure the impact and effectiveness of
these practices?

Description: Develop a plan to implement inclusive and environmentally sustainable practices in a

technology company. Discuss strategies for promoting diversity, reducing the company’s carbon
footprint, and measuring the impact of these practices.

7. Scalable Cloud-Based Application

Question: How would you design a scalable cloud-based application using AWS or Azure services?
What considerations would you take into account for handling varying loads, managingcosts, and
ensuring high availability and disaster recovery?
Description: Design a scalable cloud-based application using AWS or Azure services. Explorehow
to leverage cloud resources to handle varying loads, manage costs, and ensure high availability
and disaster recovery.

8. Front-End and Back-End Synchronization

Question: How would you implement real-time synchronization between the front-end and back-
end of a web application? What technologies or strategies would you use to achieve real-time
updates and ensure state consistency?

Description: Build a web application that requires real-time synchronization between the front-
end and back-end. Discuss how to implement WebSockets or similar technologies to achieve
real-time updates and manage state consistency across different components.

9. Security Best Practices for APIs

Question: What security best practices would you implement for a RESTful API used in a financial
application? How would you handle authentication and authorization, rate limiting, and data
encryption to safeguard the API from security threats?

Description: Develop a security plan for a RESTful API used in a financial application. Discussthe
implementation of authentication and authorization mechanisms, rate limiting, and data
encryption to protect the API from potential security threats.