رفتن به محتوای اصلی
آکادمی
مقدماتی محلهٔ کد

وب چطور کار می‌کند

مرورگر، سرور، HTTP، DNS و API به زبان ساده.

هر بار که صفحه‌ای را باز می‌کنید، فیدتان را پایین می‌کشید یا پیامی می‌فرستید، ده‌ها دستگاه در کسری از ثانیه با هم همکاری می‌کنند. این مسیر نشان می‌دهد چطور: کلاینت و سرور، آدرس IP و پورت، DNS، URL و HTTP، اینکه مرورگر چطور از HTML، CSS و JavaScript صفحه می‌سازد، API و JSON، HTTPS، کوکی و توکن، کش و CDN، سرعت در شبکه‌های کند و قاعده‌های امنیتی‌ای که همه را امن نگه می‌دارند.

در پایان، یک لمس ساده در یک شبکه‌ی اجتماعی کوچک به نام نووا را از گوشی‌تان تا پایگاه داده و برگشت دنبال می‌کنید. به نصب هیچ برنامه‌ای نیاز ندارید؛ فقط کنجکاوی و یک مرورگر.

درس
۱۹
زمان
۲ ساعت
سطح
مقدماتی
  • برنز باز
  • نقره باز
  • طلا قفل

آماده‌ای ثابتش کنی؟

سه آزمون منتظرند: برنز، نقره و طلا.

برو به آزمون‌ها

در پایان این مسیر می‌توانی

  • قدم‌به‌قدم توضیح دهید از لحظه‌ی تایپ یک آدرس تا دیدن صفحه چه اتفاقی می‌افتد
  • درخواست و پاسخ HTTP را بخوانید و بنویسید و با curl و fetch یک API را صدا بزنید
  • با ابزار توسعه‌دهنده‌ی مرورگر، اشکال‌های یک صفحه را پیدا کنید
  • HTTPS، کوکی، نشست و توکن را آن‌قدر خوب بفهمید که کاربران را امن نگه دارید
  • صفحه‌ها را با کش، CDN و دانلودهای کوچک‌تر در شبکه‌های کند سریع‌تر کنید
  • توضیح دهید یک پلتفرم وب معمولی، از مرورگر تا پایگاه داده، چطور ساخته می‌شود

نقشهٔ مسیر

  1. ۱
    فصل ۱

    کلاینت، سرور و آدرس

    چه کسی می‌پرسد و چه کسی جواب می‌دهد، دستگاه‌ها چطور با آدرس IP و پورت همدیگر را پیدا می‌کنند و DNS چطور نام را به آدرس تبدیل می‌کند.

    ۰ / ۴
  2. ۲
    فصل ۲

    زبان HTTP

    URL، درخواست، متد، کد وضعیت و هدر: زبانی که مرورگر و سرور با آن حرف می‌زنند.

    ۰ / ۴
  3. ۳
    فصل ۳

    مرورگر و API

    مرورگر چطور HTML، CSS و JavaScript را به صفحه تبدیل می‌کند و صفحه‌ها چطور از APIها JSON می‌گیرند.

    ۰ / ۳
  4. ۴
    فصل ۴

    امنیت و ورود به حساب

    HTTPS و گواهی‌ها، کوکی، نشست و توکن، سیاست هم‌مبدأ، CORS و اینکه چرا سرور هیچ‌وقت به کلاینت اعتماد نمی‌کند.

    ۰ / ۴
  5. ۵
    فصل ۵

    سرعت و تصویر کامل

    کش و CDN، سرعت در شبکه‌های کند و اینکه یک اپ وب کامل چطور کنار هم قرار می‌گیرد.

    ۰ / ۴

پیمایش سریع