https://github.com/nandzilla/browsers-and-how-thy-work
Wondering about the notes for browsers and there working? you are at the right place and dont worry these are not boring.
https://github.com/nandzilla/browsers-and-how-thy-work
browsers css html js responsive sass
Last synced: about 2 months ago
JSON representation
Wondering about the notes for browsers and there working? you are at the right place and dont worry these are not boring.
- Host: GitHub
- URL: https://github.com/nandzilla/browsers-and-how-thy-work
- Owner: nandzilla
- Created: 2025-04-17T14:33:25.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-04-17T14:33:30.000Z (6 months ago)
- Last Synced: 2025-06-12T14:51:21.762Z (4 months ago)
- Topics: browsers, css, html, js, responsive, sass
- Language: HTML
- Homepage: https://goyal-coder.github.io/BROWSERS-AND-HOW-THY-WORK/
- Size: 191 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌐 How Browsers Actually Work (No Boring Stuff)
Welcome to the sassiest, most snackable explanation of **what a web browser is** and how it does its internet wizardry 🧙♀️💻
Think Chrome, Firefox, Safari... they're more than just fancy windows to the web — they're full-blown internet interpreters.
---
## 🔥 What's Inside?
- 🤔 What exactly is a browser?
- ⚙️ How browsers fetch & display web pages
- 🎭 Frontend vs Backend in browser terms
- 🧠 Mini browser history (throwback time!)
- 📦 Bonus: A stylish table of browser tea ☕
- 🎥 Embedded videos, memes, and pure chaotic good
---
## 💻 Tech Stack
| Language | Purpose |
| ------------- | -------------------------- |
| HTML5 | Structure & Content |
| CSS3 | Styling & Layout |
| Images | Infographics & Diagrams |
| Fonts & Icons | Google Fonts + FontAwesome |
🎨 This project is proudly **HTML-only** — no JavaScript, just pure front-end magic ✨
---
## 🎯 Who's this for?
If you’re:
- just starting out in web dev 🌱
- confused about how the internet actually works 💭
- bored of plain old tech docs 😴
Then this one’s **for you** 🫵💖
---
## 🌈 What is a Browser?
A **web browser** is like your bestie who reads coded messages from the internet (HTML, CSS, JS) and turns them into beautiful web pages.
It speaks many languages — but displays one smooth experience. Like a translator with ✨ style.
---
## 🔧 How Browsers Work (The TL;DR)
1. You type a URL (like `google.com`) in the address bar.
2. The browser talks to a DNS server: “Yo, where’s Google?”
3. DNS replies with the IP address.
4. Browser knocks on Google’s server door.
5. Server sends back HTML, CSS, JS, etc.
6. Browser assembles all that stuff and shows you the website.
Boom. Magic. 🧠⚡
---
## 📖 Fun Sections
- 📜 **A Spicy Browser History** – with vibes from 1990 to now.
- 🧑🍳 **Frontend vs Backend (Browser Style)** – because not all code is seen.
- 🔽 **Clicky Down Arrows & Cute Layouts** – because we can.
---
## 📸 Sneak Peek
> “Frontend is the outfit, Backend is the personality.”
> – Probably the browser itself
---
## 🔗 Links
- 📲 [Telegram](https://t.me/goyal_coder)
- 🧑💻 [GitHub](https://github.com/goyal-coder)
---
## 🚀 How to Run This
1. Clone or download this repo
2. Open `index.html` in your browser
3. Scroll and smile 😎
---
## ✨ Special Thanks
To browsers, for being our internet eyes 👀
And to fiber optic noodles, doing their thing under the ocean 🌊🧵
---
## 💌 Made with love by
**Nandini** – Flute Queen, Meme Lord, and Future Full Stack Dev 🎶💻🌸