Web Application
Development and Software
Frameworks Assignment 2
VU22CSEN0600058
Web Application Development and Software Frameworks 1
Assignment 2
1) Domain Name Conversion
Diagram:
User Enters URL * DNS Resolver * Root DNS Server * TLD Server *
Author itative DNS * IP Address Returned * Website Loaded
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 2
Assignment 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 3
Assignment 2
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 4
Assignment 2
