Web Application Development
and Software Frameworks
Assignment 2
VU22CSEN0600058
Web Application Development and Software Frameworks Assignment 2 1
1) Domain Name Conversion
Diagram:
Explanation:
When a user enters a URL, the browser contacts a DNS resolver.
The resolver queries a Root DNS server to find the Top-Level Domain (TLD)
server.
The TLD server directs the resolver to the Authoritative DNS server.
The Authoritative DNS server returns the IP address of the requested domain.
The browser uses the IP address to establish a connection with the web
server and loads the website.
2) HTTP Request and Response Phases
Request Phase:
1. Client Sends Request – The browser sends an HTTP request to the web
server.
2. DNS Resolution – The domain name is converted to an IP address.
3. TCP Connection – A TCP connection is established between the client and
server.
Web Application Development and Software Frameworks Assignment 2 2
4. Request Headers & Body – The request includes method (GET/POST),
headers, and optional body.
Response Phase:
1. Server Processes Request – The server interprets the request.
2. Server Generates Response – The server sends back an HTTP response with
headers and body.
3. Browser Renders Response – The browser processes the response and
displays the content.
3) Overview of Client-Side and Server-Side
Technologies
Client-Side Technologies:
HTML – Structure of the web page.
CSS – Styling and layout.
JavaScript – Interactive and dynamic elements.
React, Angular, Vue – Frontend frameworks for complex UI.
Server-Side Technologies:
Languages: PHP, Python, Node.js, Java, C#.
Frameworks: Django, Express.js, Laravel, ASP.NET.
Databases: MySQL, PostgreSQL, MongoDB.
Server Management: Apache, Nginx.
4) Difference Between Server-Side and Client-Side
Scripting
Feature Server-Side Scripting Client-Side Scripting
Execution
Runs on the server Runs in the browser
Location
Web Application Development and Software Frameworks Assignment 2 3
Processing
Uses server resources Uses client resources
Power
Security More secure (code is hidden) Less secure (code is exposed)
Examples PHP, Node.js, Python JavaScript, HTML, CSS
Handles database operations, Handles UI updates, form
Purpose
authentication, etc. validation, animations
5) MVC Architecture and Its Advantages
Diagram:
Explanation:
Model: Manages data and business logic.
View: Handles the UI and presentation.
Controller: Processes input and updates the model/view accordingly.
Advantages:
Separation of Concerns – Improves code maintainability.
Reusability – Components can be reused across projects.
Scalability – Easily extendable with additional features.
Better Debugging – Each component can be debugged independently.
Web Application Development and Software Frameworks Assignment 2 4
