Website တစ်ခု ဖွင့်လိုက်ရင် ဘာတွေ ဖြစ်လဲ?

နားလည်ထားရမယ့် အချက်

Domain တစ်ခုကို browser ထဲ ရိုက်ထည့်တာဟာ ချက်ချင်းဖြစ်သလို ခံစားရပေမယ့် pixel တစ်ခုမှ မပေါ်ခင် အဆင့်တစ်ခုလုံး run သွားတာပါ။

ဒီ lesson က DNS နဲ့ HTTPS ကို conceptual level မှာပဲ တမင် ထားပါတယ်။ ဒီ site ရဲ့ Networking tutorial က DNS record resolution နဲ့ TCP/TLS handshake တွေကို အသေးစိတ် technical depth နဲ့ ဖုံးလွှမ်းထားပါတယ်။

HOW A WEBSITE LOADS
-------------------
1. You type: thutatech.com
        |
        v
2. DNS lookup -> finds the server's IP address
        |
        v
3. Browser connects to that server (TCP)
        |
        v
4. HTTPS handshake -> connection becomes encrypted
        |
        v
5. Browser sends an HTTP request ("send me this page")
        |
        v
6. Server or CDN sends back HTML, CSS, and JS
        |
        v
7. Browser renders the page you see

လက်တွေ့ scenario နဲ့ ချိတ်ကြည့်မယ်

အောက်က code ဟာ simulation တစ်ခုပါ၊ network call အစစ် မဟုတ်ပါ — ဒီ lesson ရဲ့ အစီအစဉ်ကို abstract အဖြစ် မထားဘဲ ပီပြင်စွာ မြင်ရအောင် ဖန်တီးထားတာပါ။ resolveDNS က domain ကို IP address အဖြစ် ပြန်ပြောင်းဖို့ DNS ကို တောင်းဆိုတာကို ကိုယ်စားပြုတယ်၊ connect က browser က အဲဒီ address ကို connection ဖွင့်တာကို ကိုယ်စားပြုတယ်၊ sendRequest ကတော့ page တောင်းဆိုတဲ့ HTTP request အစစ်ကို ကိုယ်စားပြုတယ်။

Function သုံးခုကို အစီအစဉ်အတိုင်း run ပြီး ရလဒ်တစ်ခုစီကို log ထုတ်တာက အစီအစဉ်အစစ်ကို အဆင့်ဆင့် ထင်ဟပ်ပါတယ် — အရင်ဆုံး name တစ်ခုကို address အဖြစ် ပြောင်းမှ၊ ဘာတစ်ခုနဲ့မဆို ချိတ်ဆက်နိုင်ပြီး၊ ချိတ်ဆက်ပြီးမှသာ content တောင်းဆိုနိုင်ပါတယ်။ Browser အစစ်တစ်ခုမှာ ဒီအဆင့်တစ်ခုစီက network traffic အစစ်ကို involve လုပ်ပြီး၊ HTTPS site အတွက် connect နဲ့ request အဆင့်ကြားမှာ encryption handshake တစ်ခုပါ ပါဝင်ပါသေးတယ် — ဒီ simplified version ကတော့ shape ကို မြင်နိုင်ဖို့ တမင် ချန်ထားခဲ့ပါတယ်။

ဒီအစီအစဉ်အစစ်ကို ကိုယ်တိုင်တွေ့ချင်ရင် browser ရဲ့ developer tools ကို ဖွင့်ပြီး Network tab ဆီ သွားပြီး page တစ်ခုကို reload လုပ်ကြည့်ပါ — DNS lookup, connection, request/response entry အစစ်တွေကို တွေ့ရပါလိမ့်မယ်။

• Website ဖွင့်ခြင်းရဲ့ ခရီးမှာ DNS lookup, connect, HTTPS handshake, HTTP request, render စသဖြင့် အဆင့်များစွာ ပါဝင်ပါတယ်
• DNS ဆိုတာ domain name ကို IP address အဖြစ် ပြန်ပြောင်းပေးတဲ့ phonebook တစ်ခုပါ
• DNS/TLS mechanics အသေးစိတ်ကို ဒီ site ရဲ့ Networking tutorial က ဖုံးလွှမ်းထားပါတယ်

အတူတူ စမ်းရေးကြည့်မယ်

function resolveDNS(domain) {
  return "203.0.113.42";
}

function connect(ip) {
  return `Connected to ${ip} over TCP`;
}

function sendRequest(path) {
  return `GET ${path} -> 200 OK`;
}

console.log("Simplified simulation (not a real network call):");
const ip = resolveDNS("thutatech.com");
console.log(`1. DNS resolved thutatech.com -> ${ip}`);
console.log(`2. ${connect(ip)}`);
console.log(`3. ${sendRequest("/index.html")}`);

Simplified simulation (not a real network call):
1. DNS resolved thutatech.com -> 203.0.113.42
2. Connected to 203.0.113.42 over TCP
3. GET /index.html -> 200 OK

MDN: Populating the page: how browsers work — Cloud & Deployment