codingstairs
NotesEDULifeContact
⌕Search⌘K
koen

Navigation

  • Intro
  • Blog
  • Life

Get in touch

Send without signing in. Add your email if you'd like a reply.

  • Leave a message anonymously →
  • ✉ warragon112@gmail.com
  • KakaoTalk Open Chat ↗

© 2026 codingstairs

  • Notes
  • EDU
  • Search
  • Life
  • Contact
  • Legal
  • RSS
  • GitHub
EDU›From HTML/CSS/JS to React, Next.js, Tailwind›Step 1

Step 1

Step 1 — How the internet works

0 views

Step 1 — How the internet works

When you type codingstairs.duckdns.org into your browser, four steps happen automatically.

  1. DNS lookup — domain name → IP address
  2. HTTP request — your browser asks port 443 of that IP for the page (HTTPS = encrypted HTTP)
  3. Response — the server returns HTML/CSS/JS plus data
  4. Render — the browser turns that into pixels on screen
nslookup codingstairs.duckdns.org
# → prints the IP address

Four words you'll use forever

  • URL — a single-line address like https://codingstairs.duckdns.org/edu/...
  • HTTP/HTTPS — the request/response protocol; HTTPS adds encryption
  • DNS — a distributed phonebook of names → IPs
  • Port — a numbered "window" into an IP (HTTP=80, HTTPS=443, dev server=3000…)

Try it

Open DevTools (F12) → Network tab → reload the page. Every request and response shows up. Click any one to see headers, body, and timing. Keeping this tab open habitually solves half of all bugs.

Going deeper

  • HTTP & REST
  • URL anatomy
  • Browser DevTools

Next

Step 2 turns those HTML responses into pages with meaning.

Step 2 →

Step 2 — HTML with meaning