🚀 وقتی یک سایت باز می‌کنی، در کمتر از چند ثانیه چه اتفاقی می‌افته؟! 🌐😳

⚪️ تو فقط آدرس سایت رو وارد می‌کنی و Enter می‌زنی...❗️

🔴اما پشت این یک حرکت ساده، چند مرحله اتفاق می‌افته! 👇

1️⃣ DNS 🔎

🔴مرورگر باید بفهمه دامنه به چه IPای اشاره می‌کنه❗️

"example.com"
⬇️
"IP Address"

2️⃣ اتصال به سرور 📡

🔴مرورگر با سرور مقصد ارتباط برقرار می‌کنه.

3️⃣ TLS 🛡

🔴اگر سایت HTTPS باشه، فرایند برقراری ارتباط امن TLS انجام میشه.

4️⃣ HTTP Request 📤

🔴مرورگر درخواست صفحه رو برای سرور ارسال می‌کنه.❗️

🔴مثلاً:

"GET /"

5️⃣ Server 💻

🔴سرور درخواست رو پردازش می‌کنه و پاسخ میده.

6️⃣ Response 📦

🔴ممکنه پاسخ شامل این‌ها باشه:

📃"HTML"
📃"CSS"
📃"JavaScript"
📃"Images"

7️⃣ Browser 🧠

🔴مرورگر این منابع رو پردازش می‌کنه و در نهایت صفحه رو روی نمایشگر بهت نشون میده.

🔥 یعنی چیزی که برای ما فقط:

♾️Enter ↵

🔴به نظر میاد، پشت صحنه یک زنجیره کامل از ارتباطات شبکه اتفاق می‌افته❗️

💡 ترفند کاربردی برای برنامه‌نویس‌ها:

🔴دفعه بعد که یک سایت باز کردی:

🔗"F12 → Network"

رو باز کن.

🔴حالا صفحه رو Refresh کن و درخواست‌ها رو ببین.

👀 می‌تونی ببینی مرورگر چه فایل‌ها و درخواست‌هایی دریافت کرده و زمان پاسخ هرکدوم چقدر بوده.

🧠 اگر این مسیر رو خوب یاد بگیری، درک Web Development، Networking و Web Security خیلی راحت‌تر میشه.

🔱 @ELEGANTWEBDESIGN | الگانت وب دیزاین☑️

#WebDevelopment #Networking #HTTP #DNS #TLS #Programming #CyberSecurity #Frontend #Backend