World Wide Web—Technologies, History, and Web 2.0 Features

Fundamental Technologies That Enable the Web

  • Tim Berners-Lee identified three core building blocks in 1989–1990 that still underpin every website today:
    • HTML – HyperText Markup Language
    • A markup (formatting) language that annotates content so browsers can render text, images, audio, video, tables, forms, etc.
    • Uses nested tags (e.g., <h1>, <a>, <img>) to define structure, links, semantics, and accessibility.
    • Significance: separates content from presentation, making information device-independent and searchable.
    • URL – Uniform Resource Locator
    • A standardized “web address” that points to any resource (page, image, API, file) online.
    • Syntax: scheme://host:port/path?query#fragment (e.g., https://www.educba.com).
    • Enables hyperlinking—​the clickable glue that interconnects pages.
    • HTTP – HyperText Transfer Protocol
    • An application-layer protocol that lets browsers request resources and servers respond using methods like GET, POST, PUT, DELETE.
    • Stateless, text-based, extensible; later secured by HTTPS (TLS).
    • Powers RESTful APIs, streaming, and modern web apps.

What Is the World Wide Web?

  • The World Wide Web (WWW) is all publicly accessible websites/pages delivered over the Internet.
  • Core characteristics
    • Documents are interlinked by clickable hyperlinks.
    • Supports multiple media formats: text, graphics, audio, video, interactive scripts.
    • Users access via browsers on desktops, laptops, tablets, phones, IoT devices.
  • Differentiation: The Internet is the global network of networks; the Web is one service that rides on it.

Inventor & Historical Milestones

  • Sir Tim Berners-Lee (CERN, Switzerland)
    • Proposed the Web in 1989; wrote the first browser and server by October\,1990.
    • Released the code into the public domain in 1993, then under an open licence—no patents or royalties, enabling explosive growth.
  • Awards & Recognition
    • Received the 2016 ACM A.M. Turing Prize (often called the “Nobel Prize of Computing”) on 4\,April\,2017 for inventing the Web and its scalable protocols/algorithms.
  • Wealth comparison
    • Estimated net worth ≈ \$50\text{ million}—vastly lower than today’s tech billionaires because he gave the Web away for free.

Contemporary Tech Billionaires (Context & Contrast)

  • The lecture juxtaposes Berners-Lee’s altruism against profits made by modern tech leaders:
    • Elon Musk – 52 years old, \$215\text{ billion} (Tesla, X/Twitter, SpaceX, Neuralink, Boring Co.).
    • Jeff Bezos – 60, \$199\text{ billion} (Amazon, Blue Origin, Washington Post).
    • Mark Zuckerberg – 39, \$171\text{ billion} (Meta/Facebook).
    • Bill Gates – 68, \$149\text{ billion} (Microsoft, philanthropy).
    • Larry Ellison – 79, \$127\text{ billion} (Oracle, Tesla stake).
    • Larry Page – 50, \$126\text{ billion} (Alphabet/Google).
    • Sergey Brin – 50, \$120\text{ billion} (Alphabet/Google).
  • Ethical / philosophical takeaway: Open knowledge vs. proprietary monetization.

Evolution of the Web

  • High-level eras often labeled Web 1.0 → Web 2.0 → Web 3.0.

Web 1.0 (1990 – 2004) – “Read-Only” Static Web

  • Pages were static/flat: content sent as is; no user-side modification.
  • Same page for every visitor; interaction limited to clicking links or filling e-mail “mailto” forms.
  • Tech stack: basic \text{HTML + HTTP + URL}, possibly early CGI scripts for guestbooks.
  • Early examples & portals
    • Geocities, AltaVista, Lycos, Yahoo!, Netscape Navigator, Ask Jeeves.
    • Screenshots showed cluttered homepages, table-based layouts, banner ads.
  • Limitations
    • One-way information flow, minimal multimedia, desktop-centric, no personalization.

Web 2.0 (≈ 2004 – Present) – “Read-Write” Dynamic/Social Web

  • Term coined by Darcy DiNucci (1999); popularized by Tim O’Reilly (2004).
  • Key idea: Users become co-creators rather than passive consumers.
  • Sites are generated server-side or client-side per user, enabling comments, log-ins, feeds, Ajax refreshes.
  • Two-way communication and real-time collaboration; heavy use of APIs and mash-ups.

Web 1.0 vs. Web 2.0 (Quick Comparison)

  • User Interaction: passive → active.
  • Content Creation: owner-generated → user-generated.
  • Presentation: static HTML → dynamic DOM & scripts.
  • Social: scarce → ubiquitous (likes, shares, follows).
  • Collaboration: limited → Google Docs, wikis.
  • Tagging: centralized menus → folksonomies (#hashtags).
  • Flow: one-way → conversational.
  • Personalization: little → algorithmic recommendations.
  • Accessibility: desktop-only → responsive, mobile-first.

Signature Features of Web 2.0

  1. User-Generated Content (UGC)
    • Blogs, vlogs, podcasts, fan fiction, memes—everyone can publish.
    • “We are producers, not just consumers.”
  2. Social Media
    • Platforms (Facebook, Twitter → X, Instagram) allow connecting, posting status, joining communities.
  3. Interactivity & User Engagement
    • Comment threads, forums, rating stars, product reviews (e.g., Lazada/Shopee screenshot showing size-fit stats: True to Size 83\%).
    • Rich feedback loops drive trust, virality, and continuous improvement.
  4. Collaboration
    • Multi-author wikis (Wikipedia hosts 5{,}684{,}329 English articles).
    • Cloud co-editing (Google Docs, Microsoft 365, Adobe CC).
    • Version control, concurrent cursors, inline chat.
  5. Rich Internet Applications (RIAs)
    • Use AJAX (Asynchronous JavaScript + XML/JSON) so pages update without full reload.
    • Leads to single-page apps (Gmail, Trello) with near-desktop responsiveness.
  6. Tagging & Folksonomies
    • Bottom-up labeling—users assign keywords (#AI, #ThrowbackThursday).
    • Improves discoverability beyond directory hierarchies.
  7. Software-as-a-Service (SaaS)
    • Pay-as-you-go subscriptions instead of one-time installs.
    • Examples: Google Workspace, Microsoft Office 365, Adobe Creative Cloud.
    • Benefits: auto updates, device independence, collaborative features.
  8. Long Tail Economics
    • Coined by Chris Anderson: digital shelves allow monetizing niche items beyond blockbuster hits.
    • Platforms like iTunes, Netflix, Amazon leverage vast catalogs + recommendation engines.
    • Ads (Google AdSense, Facebook Ads) target micro-audiences, turning small demands into big aggregate revenue.

Connections & Real-World Relevance

  • From CERN to Silicon Valley: An open, royalty-free foundation enabled diverse innovation – from e-commerce to social networking to cloud software.
  • Economic disparity highlights how value shifts from inventing protocols to owning platforms & data.
  • Ethical debates: privacy, data ownership, misinformation, and whether Web 3.0 (semantic, blockchain-powered) will re-decentralize control.

Key Dates & Numbers (Quick Reference)

  • 1989 – Web proposal.
  • 1990 – First browser/server + definition of HTML, URL, HTTP.
  • 1993 – Code released to public domain.
  • 1999 – Term “Web 2.0” first used.
  • 2004 – Tim O’Reilly popularizes Web 2.0; birth of Facebook.
  • 2017 – Berners-Lee receives Turing Prize.

Foundational Principles Recap

  • Openness: open standards (W3C) guarantee interoperability.
  • Decentralization: any server can host content; links weave them together.
  • Universality: device & language independence via HTML + UTF-8.
  • Accessibility: semantic markup, alt text, and responsive design aim for inclusive access.

Potential Exam Tips

  • Be able to explain each fundamental technology and how they interact (browser ⇄ HTTP ⇄ server).
  • Compare/contrast Web 1.0 vs. Web 2.0 features and societal impact.
  • Cite real-world examples for every Web 2.0 feature (UGC → YouTube; SaaS → Google Docs; Long Tail → Netflix recommendations).
  • Understand why openness (no patents) accelerated adoption yet limited personal profit for the inventor.
  • Relate historical search engines (AltaVista, Lycos) to modern algorithmic feeds (Google, TikTok).