Academic Session 2025-26
ODD Semester Jul-Dec 2025
UNIVERSITY INSTITUTE OF ENGINEERING
APEX INSTITUTE OF TECHNOLOGY
B.E CSE/ Cloud Computing & DevOps
(5th Semester)
MICROSERVICES ARCHITECTURE & ITS IMPLEMNTATION
(23CSH-331)
Unit No. 1 Chapter No. 1 Lecture No. 2
Topic : HTML & Java Script Basics
Dr.Amardeep Singh(E17149) Professor
MICROSERVICES ARCHITECTURE & ITS IMPLEMNTATION :
COURSE OBJECTIVES
The Course aims to:
1. Understand the value proposition and technical aspects of microservices.
2. Comprehend the need for microservices and its evolution.
3. Demonstrate use of appropriate containers and microservices for
developing and deploying applications with cloud.
4. Analyze the need of microservices
5. Develop, test and analyze a Microservice.
APEX INSTITUTE OF TECHNOLOGY
2
UNIVERSITY INSTITUTE OF ENGINEERING
COURSE OUTCOMES
On completion of this course, the students shall be able to:-
CO1 Define and differentiate between various Microservices Architectural styles.
CO2 Demonstrate various strategies available for microservices decision making.
CO3 Describe the technical aspects of microservices.
CO4 Explain the use functions for microservices.
CO5 Analyze the microservices for developing and deploying applications with cloud.
APEX INSTITUTE OF TECHNOLOGY
3
UNIVERSITY INSTITUTE OF ENGINEERING
Unit-1 Syllabus
Unit-1 HTML and JavaScript Basics
Chapter-1 HTML and CSS, Client Server Architecture,
JavaScript Basics, Nature of JavaScript language,
Understand JavaScript primitive types.
JavaScript Objects: - Java Script Array, Date and Error Objects types, Understand Java Script Array
Objects, Understand Java Script Date Objects, Understand Java Script Error Objects.
Java Script Variables and Control Statements: - JavaScript Variables and different Control
Chapter-2 Statements, understand how to define JavaScript Variables, Work Java Script If statements, Work
Java Script switch statements, Work Java Script for and while loop statements
JavaScript Functions: -introduces JavaScript Functions, declare a JavaScript function, creating
custom objects with functions, adding functions to prototypes, Self-executing functions.
Chapter-3 Client-Side Java Script: -JavaScript is used with HTML and the Document Object Model i.e DOM,
Understand Scripts in HTML documents, Describe the document object model (DOM) hierarchy,
Overview of the DOM specification levels, Describe the window and document objects, Accessing
document elements.
APEX INSTITUTE OF TECHNOLOGY
4
UNIVERSITY INSTITUTE OF ENGINEERING
SUGGESTIVE READINGS
TEXT BOOKS:
T1 Sam Newman, Building Micro-services: Designing Fine-Grained Systems 1st Edition, O'Reilly, 2015.
T2 Eberhard Wolff, Microservices - A Practical Guide Principles, Concepts, and Recipes, 2018.
REFERENCE BOOKS:
R1 Sam Newman, Building Micro-services: Designing Fine-Grained Systems 1st Edition, O'Reilly, 2015.
APEX INSTITUTE OF TECHNOLOGY
5
UNIVERSITY INSTITUTE OF ENGINEERING
Learning Outcome of this lecture
•T
Unit Name Outcome
I HTML and Web Development Essentials with JavaScript:
JavaScript Basics • Client-Server Architecture
o 2-tier : thin client and fat client
o 3-tier : allows for better performance than a thin
client
The course outcome of this lecture is to explain the client-server architecture
and it’s 2-tier & 3-tier (CO1)
APEX INSTITUTE OF TECHNOLOGY
6
UNIVERSITY INSTITUTE OF ENGINEERING
Topic of today
Web Development Essentials with JavaScript:
• Client Server Architecture
APEX INSTITUTE OF TECHNOLOGY
UNIVERSITY INSTITUTE OF ENGINEERING 7
What is Client Server Architecture
A network design model where clients (users) request services or resources, and servers
provide them.
• Commonly used in web applications, including JavaScript-based systems.
Key Concept:
Client initiates the request → Server processes it and sends a response.
Main Components:
•Client: Frontend browser or application (HTML, CSS, JavaScript).
•Server: Backend system managing logic, database, and APIs.
Communication:
•Happens over the Internet using HTTP/HTTPS.
•JavaScript uses tools like Fetch API or AJAX for communication.
Ensures efficient resource sharing, scalability, and central control in web applications.
APEX INSTITUTE OF TECHNOLOGY 8
UNIVERSITY INSTITUTE OF ENGINEERING
Client Server Architecture
APEX INSTITUTE OF TECHNOLOGY
9
UNIVERSITY INSTITUTE OF ENGINEERING
Client Server Architecture
Types of Client-Server Architecture
1️⃣ 1-Tier Architecture (Monolithic)
All components (UI, logic, and data) reside on a single machine.
Used for simple, standalone applications.
Not scalable or web-based.
2️⃣ 2-Tier Architecture
Client: Handles UI and some logic (Browser).
Server: Manages database and application logic.
Common in small-scale web applications.
3️⃣3-Tier Architecture
Client (Browser) → Web Server → Database Server
Layers: Presentation (HTML/CSS/JS)
Application (Node.js, PHP, etc.)
Data (MySQL, MongoDB, etc.)
Standard in modern web apps. Improves scalability and maintenance.
4️⃣ N-Tier (Multi-Tier) Architecture
Adds more layers: API Gateways, Load Balancers, Microservices, etc.
Used in large-scale enterprise systems for modularity and performance.
APEX INSTITUTE OF TECHNOLOGY
UNIVERSITY INSTITUTE OF ENGINEERING 10
Client Server Architecture
Types of Client-Server Architecture
1️⃣ 1-Tier Architecture (Monolithic)
All components (UI, logic, and data) reside on a single machine.
Used for simple, standalone applications.
Not scalable or web-based.
APEX INSTITUTE OF TECHNOLOGY
UNIVERSITY INSTITUTE OF ENGINEERING 11
Client Server Architecture
Types of Client-Server Architecture
2️⃣ 2-Tier Architecture
Client: Handles UI and some logic (Browser).
Server: Manages database and application logic.
Common in small-scale web applications.
APEX INSTITUTE OF TECHNOLOGY
UNIVERSITY INSTITUTE OF ENGINEERING 12
Client Server Architecture
Types of Client-Server Architecture
3️⃣3-Tier Architecture
Client (Browser) → Web Server → Database Server
Layers: Presentation (HTML/CSS/JS)
Application (Node.js, PHP, etc.)
Data (MySQL, MongoDB, etc.)
Standard in modern web apps. Improves scalability and maintenance.
APEX INSTITUTE OF TECHNOLOGY
UNIVERSITY INSTITUTE OF ENGINEERING 13
Client Server Architecture
Advantages of Client-Server Architecture
1. Centralized Management
•All data and logic reside on the server → Easy to update, backup, and secure.
2. Improved Scalability
•Multiple clients can interact with the server without performance issues.
•Easily upgrade server resources.
3. Enhanced Security
•Sensitive data stored and controlled on the server.
•Access control and authentication are easier to implement.
4. Modularity
•Clear separation of concerns: UI (Client) and Logic/Data (Server).
5. Easy Maintenance & Updates
•Server-side changes reflect on all clients immediately.
•Reduces the need to update each client individually.
6. Resource Sharing
•Multiple clients can access shared data, services, and applications centrally.
Ideal for web development where frontend (JavaScript, HTML, CSS) interacts with backend via HTTP.
APEX INSTITUTE OF TECHNOLOGY
UNIVERSITY INSTITUTE OF ENGINEERING 14
Client Server Architecture
Dis-advantages of Client-Server Architecture
1. Server Dependency
•If the server fails, all connected clients lose access to services or data.
2. Complex Server Setup
•Requires skilled setup and maintenance (security, scalability, databases, etc.).
3. Increased Cost
•Maintaining high-performance servers and infrastructure can be expensive.
4. Network Bottlenecks
•Too many simultaneous client requests can slow down response times.
5. Security Risks
•Centralized storage makes the server a prime target for attacks (e.g., DDoS, data breaches).
6. Limited Offline Access
•Requires continuous internet connectivity for client-server communication.
Proper planning and resource management are essential to overcome these challenges.
APEX INSTITUTE OF TECHNOLOGY
UNIVERSITY INSTITUTE OF ENGINEERING 15
Summary of the lecture
• Learnt about the Client-Server Architecture
• Learnt about the 2-Tier architecture
• Learnt about the 3-Tier architecture
APEX INSTITUTE OF TECHNOLOGY
16
UNIVERSITY INSTITUTE OF ENGINEERING
Questions of this Lecture
(Discussion Topics)
• Discuss the key components and working of the Client-Server Architecture
• Discuss how the 2-Tier architecture manages data flow between client and database
• Discuss the structure and advantages of the 3-Tier architecture in web applications
• Discuss the differences between 2-Tier and 3-Tier architectures with suitable examples
• Discuss how the Client-Server model forms the basis for multi-tier architectures
• Discuss the concept of client-server architecture in a networked environment.
• Discuss any two key features of a server in a client-server model.
• Discuss responsibilities of a client in a client-server setup.
• Discuss the benefits of using client-server architecture in web-based applications.
• Illustrate the interaction between client and server during a standard web page
request cycle.
APEX INSTITUTE OF TECHNOLOGY
17
UNIVERSITY INSTITUTE OF ENGINEERING
REFERENCES
1. "Index of elements in html 4". w3. World Wide Web Consortium. December 24,
1999. Archived from the original on May 5, 2007. Retrieved April 8, 2007.
2. "CSS Flexible Box Layout Module Level 1". W3C. 19 November 2018. Archived from the
original on 19 October 2012. Retrieved 18 October 2012.
3. "Usage statistics of JavaScript as client-side programming language on
websites". w3techs.com. 2021-04-09. Archived from the original on 2022-02-13.
Retrieved 2021-04-09.
4. https://www.coursera.org/specializations/html-css-javascript-for-web-developers.
5. https://www.coursera.org/learn/introduction-html-css-javascript.
6. https://www.coursera.org/specializations/javascript-beginner
7. https://www.coursera.org/learn/javascript-programming-essentials.
8. https://www.coursera.org/learn/programming-with-javascript.
APEX INSTITUTE OF TECHNOLOGY 18
UNIVERSITY INSTITUTE OF ENGINEERING
E-Resources
1. https://www.mooc.org/blog/best-programming-languages-for-web-
development
2. https://en.wikipedia.org/wiki/CSS
3. https://en.wikipedia.org/wiki/HTML
4. https://en.wikipedia.org/wiki/JavaScript
APEX INSTITUTE OF TECHNOLOGY 19
UNIVERSITY INSTITUTE OF ENGINEERING
Student Feedback Form
Class Session Review
APEX INSTITUTE OF TECHNOLOGY
UNIVERSITY INSTITUTE OF ENGINEERING
12
Thank You
For queries
Email: [email protected]
APEX INSTITUTE OF TECHNOLOGY
UNIVERSITY INSTITUTE OF ENGINEERING
