Episode 1 — Fundamentals / 1.1 — How The Internet Works
1.1.a — History of the Web: From Web 1.0 to Web 3.0
In one sentence: The web started as static read-only pages, evolved into interactive social platforms, and is now moving toward decentralized user-owned networks.
Table of Contents
- 1. The Pre-Web Era (1960s–1989)
- 2. The Birth of the World Wide Web (1989–1991)
- 3. Web 1.0 — The Read-Only Web (1991–2004)
- 4. Web 2.0 — The Read-Write Web (2004–2020)
- 5. Web 3.0 — The Read-Write-Own Web (2020–Present)
- 6. Comparison Table
- 7. Visual Timeline
- 8. Key Takeaways
1. The Pre-Web Era (1960s–1989)
Before the web existed, the internet was already being built — but it looked nothing like what we use today.
1.1 ARPANET (1969)
- Created by the U.S. Department of Defense's Advanced Research Projects Agency (ARPA).
- Goal: Build a communication network that could survive a nuclear attack — no single point of failure.
- October 29, 1969: First message sent from UCLA to Stanford Research Institute. The message was supposed to be "LOGIN" but the system crashed after "LO" — so the first internet message was literally "LO".
- Initially connected 4 nodes: UCLA, Stanford, UC Santa Barbara, University of Utah.
1.2 Key Milestones Before the Web
| Year | Event |
|---|---|
| 1971 | Ray Tomlinson sends the first email and invents the @ symbol for addressing |
| 1973 | Vint Cerf & Bob Kahn begin designing TCP/IP — the protocol that unifies all networks |
| 1983 | ARPANET officially switches to TCP/IP — this is considered the birthday of the internet |
| 1984 | DNS (Domain Name System) is introduced — no more memorizing IP addresses |
| 1988 | First transatlantic fiber optic cable (TAT-8) — 280 Mbit/s |
1.3 Why the Web Was Needed
By the late 1980s, the internet existed but it was:
- Text-only (no images, no clickable links)
- Hard to use (you needed to know exact server addresses and commands)
- Fragmented (different systems couldn't talk to each other easily)
The problem Tim Berners-Lee wanted to solve: Scientists at CERN used dozens of incompatible systems. There was no universal way to share and link documents across different computers.
2. The Birth of the World Wide Web (1989–1991)
2.1 Tim Berners-Lee's Proposal
- March 1989: Tim Berners-Lee, a British physicist at CERN (Geneva, Switzerland), submitted a proposal titled "Information Management: A Proposal".
- His boss, Mike Sendall, wrote on it: "Vague, but exciting."
- Key idea: Create a system where documents on any computer could link to documents on any other computer using hyperlinks.
2.2 The Three Inventions That Made the Web Possible
Tim Berners-Lee invented three technologies that form the foundation of every website you visit today:
┌─────────────────────────────────────────────────────────────────┐
│ THE THREE PILLARS OF THE WEB │
│ │
│ 1. HTML (HyperText Markup Language) │
│ └── The language used to structure web pages │
│ └── Example: <h1>Hello World</h1> │
│ │
│ 2. HTTP (HyperText Transfer Protocol) │
│ └── The rules for transferring web pages between │
│ a server and a browser │
│ └── Example: GET /index.html HTTP/1.1 │
│ │
│ 3. URL (Uniform Resource Locator) │
│ └── The addressing system for locating any page │
│ └── Example: http://info.cern.ch/hypertext/WWW/TheProject │
└─────────────────────────────────────────────────────────────────┘
2.3 The First Website
- December 1990: Berners-Lee built the first web browser (called "WorldWideWeb") and the first web server, both running on a NeXT computer at CERN.
- He taped a label on the machine: "This machine is a server. DO NOT POWER IT DOWN!!"
- The first website was:
http://info.cern.ch— it explained what the World Wide Web was. - Robert Cailliau, a Belgian engineer, helped refine and promote the project.
2.4 Going Public
- August 1991: Berners-Lee announced the WWW on Usenet (an internet forum system).
- April 30, 1993: CERN released the WWW software into the public domain — free for anyone to use, modify, and build upon. This single decision changed the course of history.
Why it matters: If CERN had patented the web, you might be paying a license fee every time you loaded a webpage. The decision to make it free made the explosion of the web possible.
3. Web 1.0 — The Read-Only Web (1991–2004)
3.1 What Was Web 1.0?
Think of Web 1.0 as a digital library — you could read, but you couldn't write.
┌──────────────────────────────────────────────────────┐
│ WEB 1.0 │
│ │
│ Creator ──────────────▶ Consumer │
│ (Webmaster writes) (You read) │
│ │
│ ✅ Read content │
│ ❌ Create content │
│ ❌ Interact with content │
│ ❌ Share or comment │
└──────────────────────────────────────────────────────┘
3.2 Key Characteristics
| Feature | Details |
|---|---|
| Content | Static HTML pages — no dynamic updates |
| Creation | Only webmasters could create pages (you needed coding skills) |
| Interaction | None — no comments, likes, or shares |
| Design | Basic text, GIF images, table-based layouts, bright colors |
| Search | Early engines like AltaVista, Lycos, Yahoo Directory |
| Business model | Banner ads, page views |
| Technology | HTML, basic CSS, server-side CGI scripts |
| Hosting | Decentralized — individuals hosted on their own servers |
3.3 Iconic Web 1.0 Websites
- Yahoo! (1994) — Started as a human-curated directory of websites
- Amazon (1994) — Online bookstore
- GeoCities (1994) — Free personal homepages organized by "neighborhoods"
- AltaVista (1995) — The most popular search engine before Google
- eBay (1995) — Online auctions
3.4 Key Browsers of the Era
1993 ── Mosaic (first graphical browser — made the web visual)
1994 ── Netscape (dominant browser of the 90s)
1995 ── Internet Explorer (Microsoft enters → "Browser Wars" begin)
2003 ── Safari (Apple's browser)
2004 ── Firefox (open-source alternative to IE)
3.5 Limitations of Web 1.0
- No user participation — you couldn't sign up, post, or interact
- Slow — dial-up connections (56 kbps = 7 KB/s)
- Ugly — no CSS frameworks, no design standards
- Hard to find things — search was primitive
4. Web 2.0 — The Read-Write Web (2004–2020)
4.1 What Changed?
The term "Web 2.0" was popularized by Tim O'Reilly in 2004. It describes the shift from passive consumption to active participation.
┌──────────────────────────────────────────────────────┐
│ WEB 2.0 │
│ │
│ Creator ◀────────────▶ Consumer │
│ (Everyone can create AND consume) │
│ │
│ ✅ Read content │
│ ✅ Create content (blogs, videos, tweets) │
│ ✅ Interact (like, comment, share, follow) │
│ ❌ Own your data │
│ ❌ Control the platform │
└──────────────────────────────────────────────────────┘
4.2 Key Characteristics
| Feature | Details |
|---|---|
| Content | Dynamic, user-generated (posts, videos, reviews) |
| Creation | Anyone can create — no coding needed |
| Interaction | Rich — comments, likes, shares, real-time chat |
| Design | Modern UI/UX, responsive design, mobile-first |
| Search | Google dominates with PageRank algorithm |
| Business model | Your data is the product — targeted advertising |
| Technology | AJAX, JavaScript frameworks, REST APIs, cloud computing |
| Hosting | Centralized — Big Tech controls platforms and data |
4.3 Key Technologies That Enabled Web 2.0
| Technology | What It Did |
|---|---|
| AJAX (2005) | Allowed pages to update without full reload (Gmail, Google Maps) |
| JavaScript Frameworks | jQuery → Angular → React → Vue — made building interactive UIs easier |
| REST APIs | Standardized how apps talk to servers |
| Cloud Computing (AWS 2006) | Anyone could rent server space — no need to buy hardware |
| Mobile (iPhone 2007) | The web moved to your pocket |
| Social Login (OAuth) | "Sign in with Google/Facebook" — convenience but data centralization |
4.4 Iconic Web 2.0 Platforms
2004 ── Facebook (social networking)
2004 ── Gmail (AJAX-powered email)
2005 ── YouTube (user-generated video)
2005 ── Reddit (community-driven content)
2006 ── Twitter (microblogging)
2007 ── iPhone (mobile web goes mainstream)
2008 ── GitHub (collaborative coding)
2010 ── Instagram (photo sharing → social media giant)
2011 ── Twitch (live streaming)
2016 ── TikTok (short-form video)
4.5 The Problem With Web 2.0
┌─────────────────────────────────────────────────────────────────┐
│ THE WEB 2.0 TRADE-OFF │
│ │
│ You get: Free services (Gmail, YouTube, Instagram) │
│ You give: Your personal data, attention, and privacy │
│ │
│ Who profits? │
│ ┌─────────────────┐ │
│ │ Big Tech │ Google, Facebook, Amazon, Apple │
│ │ (GAFAM) │ control your data, your feed, │
│ │ │ your digital identity │
│ └─────────────────┘ │
│ │
│ Problems: │
│ • Data breaches (Facebook-Cambridge Analytica scandal) │
│ • Censorship & deplatforming │
│ • Algorithmic manipulation │
│ • No data portability (can't take your followers to another │
│ platform) │
│ • Single points of failure │
└─────────────────────────────────────────────────────────────────┘
5. Web 3.0 — The Read-Write-Own Web (2020–Present)
5.1 What Is Web 3.0?
The term was coined by Gavin Wood (co-founder of Ethereum) in 2014. Web 3.0 is the vision of a decentralized internet where users own their data and digital assets.
┌──────────────────────────────────────────────────────┐
│ WEB 3.0 │
│ │
│ Creator ◀────────────▶ Consumer │
│ ▲ ▲ │
│ │ OWNERSHIP │ │
│ └─────────────────────┘ │
│ │
│ ✅ Read content │
│ ✅ Create content │
│ ✅ Interact │
│ ✅ OWN your data and digital assets │
│ ✅ Participate in governance (DAOs) │
│ ✅ Earn from contributions (tokenomics) │
└──────────────────────────────────────────────────────┘
5.2 Key Technologies
| Technology | What It Does |
|---|---|
| Blockchain | Distributed, immutable ledger — no single entity controls it |
| Smart Contracts | Self-executing code on the blockchain (e.g., Ethereum, Solidity) |
| Cryptocurrency | Digital money without banks (Bitcoin, Ether) |
| NFTs | Proof of ownership for digital assets (art, music, tickets) |
| DeFi | Decentralized Finance — banking without banks |
| DAOs | Decentralized Autonomous Organizations — community governance |
| IPFS | InterPlanetary File System — decentralized file storage |
| Wallets | MetaMask, Phantom — your identity and bank account in one |
5.3 Key Characteristics
| Feature | Details |
|---|---|
| Content | User-owned, stored on decentralized networks |
| Identity | Self-sovereign — you own your identity via crypto wallets |
| Data | Stored on blockchain/IPFS — not on company servers |
| Trust | "Don't trust, verify" — code is the law (smart contracts) |
| Business model | Token economics — users earn value from participation |
| Governance | Community-driven through DAOs and voting |
5.4 Challenges of Web 3.0
- Complexity — steep learning curve for regular users
- Scalability — blockchains are slower than centralized servers
- Energy consumption — Proof of Work blockchains use massive energy (Ethereum moved to Proof of Stake in 2022)
- Scams & speculation — rug pulls, pump-and-dump schemes
- Regulation — governments still figuring out how to regulate
- UX — seed phrases, gas fees, wallet management are confusing
6. Comparison Table
┌────────────────┬─────────────────┬─────────────────┬─────────────────┐
│ │ WEB 1.0 │ WEB 2.0 │ WEB 3.0 │
├────────────────┼─────────────────┼─────────────────┼─────────────────┤
│ Era │ 1991–2004 │ 2004–2020 │ 2020–present │
│ Mode │ Read │ Read + Write │ Read+Write+Own │
│ Content │ Static pages │ User-generated │ User-owned │
│ Architecture │ Decentralized │ Centralized │ Decentralized │
│ Identity │ Anonymous │ Platform accounts│ Crypto wallets │
│ Data storage │ Individual │ Corporate clouds│ Blockchain/IPFS │
│ │ servers │ (AWS, Google) │ │
│ Trust model │ Trust the server│ Trust the │ Trust the code │
│ │ │ company │ (smart contract)│
│ Currency │ Credit cards │ Credit cards + │ Cryptocurrency │
│ │ │ digital payment │ │
│ Governance │ Webmasters │ Corporations │ DAOs (community)│
│ Key innovation │ Hyperlinks │ Social networks │ Blockchain │
│ Example │ GeoCities │ Facebook │ Ethereum │
└────────────────┴─────────────────┴─────────────────┴─────────────────┘
7. Visual Timeline
1989 2004 2020
│ │ │
│◄── WEB 1.0 ──────────▶│◄── WEB 2.0 ──────────▶│◄── WEB 3.0 ──▶
│ │ │
│ • Static pages │ • Social media │ • Blockchain
│ • Read-only │ • User content │ • NFTs, DeFi
│ • GeoCities │ • Facebook, YouTube │ • DAOs
│ • Dial-up │ • Cloud computing │ • Crypto wallets
│ • Mosaic browser │ • iPhone / mobile │ • IPFS
│ • Directory search │ • Google dominance │ • Smart contracts
│ │ │
│ "The Library" │ "The Social Mall" │ "The Own-ership"
│ │ │
8. Key Takeaways
- Web 1.0 was like a library — you could read but not write.
- Web 2.0 was like a social mall — everyone could create, but Big Tech owned the building.
- Web 3.0 aims to be like a co-op — users own shares and have a vote.
- Each version didn't replace the previous — they layered on top. Web 1.0 sites still exist.
- Tim Berners-Lee's decision to make the web free and open is arguably the most important technology decision in history.
Explain-It Challenge
Can you explain to a friend: "What's the difference between Web 1.0, 2.0, and 3.0?" If you can do it in under 60 seconds without notes, you've mastered this topic.