ScholarQuill logoScholarQuillUniversity Notes
  • Notes
  • Past Papers
  • Blogs
  • Todo
Login
ScholarQuill logoScholarQuillUniversity Notes
Login
NotesPast PapersBlogsTodo
More
SubjectsDiscussionCGPA CalculatorGPA CalculatorStudent PortalCourse Outline
About
About usPrivacy PolicyReportContact
Notes
Past Papers
Blogs
Todo
Analytics
    Current Subject
    🧩
    Web Engineering
    ITEC3111
    Progress0 / 24 topics
    Topics
    1. Web programming languages (HTML5, CSS3, JavaScript, PHP/JSP/ASP.Net)2. HTML53. CSS34. JavaScript5. PHP6. JSP7. ASP.Net8. Design principles of Web based applications9. Web platform constraints10. Software as a Service (SaaS)11. Web standards12. Responsive Web Design13. Web Applications14. Browser/Server Communication15. Storage Tier16. Cookies and Sessions17. Input Validation18. Full stack state management19. Web App Security - Browser Isolation20. Network Attacks and Session Attacks21. Large scale applications22. Performance of Web Applications23. Data Centers24. Web Testing and Web Maintenance
    ITEC3111›Browser/Server Communication
    Web EngineeringTopic 14 of 24

    Browser/Server Communication

    3 minread
    467words
    Beginnerlevel

    🌐 Browser/Server Communication


    📌 1. Definition

    Browser/Server Communication is the process in which a web browser (client) sends requests to a web server, and the server processes those requests and sends back a response (usually a web page).

    👉 It is based on the Client–Server Model using the HTTP/HTTPS protocol.


    🎯 2. Basic Idea

    Browser (Client) ⇄ Internet ⇄ Web Server
            Request            Response
    

    ✔ Browser requests data ✔ Server processes and responds


    🧠 3. Components Involved


    1. 🌐 Browser (Client Side)

    Examples:

    • Chrome
    • Firefox
    • Edge

    ✔ Sends HTTP requests ✔ Displays web pages


    2. 🖥️ Web Server

    Examples:

    • Apache
    • IIS (Internet Information Services)

    ✔ Processes requests ✔ Sends response


    3. 📡 Communication Protocol

    • HTTP (HyperText Transfer Protocol)
    • HTTPS (Secure HTTP)

    🔄 4. Working Process (Step-by-Step)


    Step 1: User Request

    User enters URL in browser 👉 Example: www.example.com


    Step 2: DNS Lookup

    • Browser finds IP address of server

    Step 3: HTTP Request Sent

    Browser sends request to server:

    GET /index.html HTTP/1.1
    

    Step 4: Server Processing

    • Server processes request
    • May access database

    Step 5: HTTP Response

    Server sends response:

    HTTP/1.1 200 OK
    Content: HTML page
    

    Step 6: Page Rendering

    • Browser displays webpage

    📊 5. Communication Diagram (Important)

    User
     ↓
    Browser (Request)
     ↓
    Internet
     ↓
    Web Server
     ↓
    Database (if needed)
     ↓
    Response (HTML/CSS/JS)
     ↓
    Browser Display
    

    ⚙️ 6. HTTP Methods Used

    Method Purpose
    GET Retrieve data
    POST Send data
    PUT Update data
    DELETE Remove data

    🔐 7. HTTP vs HTTPS

    Feature HTTP HTTPS
    Security Not secure Secure (encrypted)
    Port 80 443
    Data protection No Yes

    🧩 8. Types of Server Responses

    • HTML page
    • JSON data
    • XML data
    • Files (images, videos)

    🧠 9. Key Concepts

    ✔ Stateless Protocol

    • Each request is independent
    • Server does not remember previous requests

    👉 Solution:

    • Cookies
    • Sessions

    ✔ Request-Response Model

    • Browser sends request
    • Server sends response

    📈 10. Advantages

    • Fast communication
    • Easy access to web resources
    • Platform independent
    • Supports dynamic content

    ❌ 11. Disadvantages

    • Depends on internet connection
    • Security risks (if HTTP used)
    • Server overload possible
    • Latency delays

    ⚠️ 12. Important Rules

    ✔ Always use HTTPS for security ✔ Optimize server response time ✔ Use caching for performance ✔ Validate user requests ✔ Handle errors properly


    ❓ 13. Likely Exam Questions

    Short Questions

    1. Define browser/server communication.
    2. What is HTTP?
    3. What is request-response model?
    4. What is DNS?
    5. Difference between HTTP and HTTPS?

    Long Questions

    1. Explain browser-server communication with diagram.
    2. Describe HTTP request and response cycle.
    3. Explain components of web communication system.
    4. Discuss stateless nature of HTTP.
    5. Explain working of a web application using browser-server model.

    📝 14. Summary / Quick Revision

    • Browser-server communication = request-response system

    • Uses HTTP/HTTPS protocol

    • Steps:

      1. User request
      2. DNS lookup
      3. Server processing
      4. Response
      5. Page display
    • Key concept: Stateless communication


    👉 In short: A browser sends a request, the server processes it, and sends back a response to display the webpage.


    Previous topic 13
    Web Applications
    Next topic 15
    Storage Tier

    Past Papers

    Open this section to load past papers

    Click on Show Past Papers to see past papers.
    On This Page
      Reading Stats
      Est. reading time3 min
      Word count467
      Code examples0
      DifficultyBeginner