وب
یاد بگیرید وب واقعاً چطور کار میکند. HTTP، HTTPS، DNS، کوکیها، نشستها، CORS، کشگذاری، TLS، هدرهای امنیتی و محدودسازی نرخ درخواست.
14 درس، به ترتیب
- 120 دقیقه
وب چیست
خوش آمدید. اگر تا حالا فکر نکردهاید وقتی یک نشانی را در مرورگر تایپ میکنید واقعاً چه اتفاقی میافتد، درست سر جای خودتان هستید. وب بزرگترین نمونهی...
Client-server modelBrowser as a clientURL structureWhat happens between typing and rendering - 215 دقیقه
HTTP در مقابل HTTPS
خودتان را روی وایفای رایگان یک کافه تصور کنید. کس دیگری روی همان شبکه، بدون هیچ ابزار عجیبی جز یک شنودگر بسته، میتواند هر درخواستی را که لپتاپ شما...
Plaintext HTTPHTTPS as HTTP over TLSConfidentialityIntegrityAuthenticityPadlock UI - 330 دقیقه
ساختار درخواست و پاسخ
تا اینجا میدانید که مرورگر یک درخواست میفرستد و سرور یک پاسخ برمیگرداند. چیزی که هنوز ندیدهاید این است که این دو چیز واقعا روی شبکه چه شکلی...
Request lineHeadersBodyStatus codesMethodsCurl -v - 425 دقیقه
کوکیها، نشستها و توکنها
HTTP حافظه ندارد. سرور با هر تک درخواستی که میفرستید طوری رفتار میکند که انگار هرگز شما را ندیده، حتی اگر پنج ثانیه پیش دقیقاً همان درخواست را...
Set-CookieHttpOnlySecureSameSiteServer sessionsJWT+1 - 525 دقیقه
DNS توضیح داده شده
یک دامنه را به سرور تازهای وصل میکنید، تغییر ثبت میشود، و از لپتاپ خودتان کار میکند ولی از لپتاپ همکارتان نه. یا سایت برای نصف کاربرها بالا...
RootTLDAuthoritative serverRecursive resolverAAAAA+6 - 630 دقیقه
TLS و گواهینامهها
TLS همان لایهای است که HTTP ساده را به HTTPS تبدیل میکند. تا پایان این درس تقریباً میدانید هنگام دستدادن اولیه چه اتفاقی میافتد، یک گواهینامه در...
TLS handshakeClientHelloServerHelloCertificateKey exchangeCA chain of trust+2 - 730 دقیقه
CORS
فرانتاند شما روی localhost:3000 اجرا میشود، API شما روی localhost:8000، و همان درخواستی که در curl بینقص کار میکند در مرورگر با یک پیام قرمز...
Same-origin policyOriginPreflight OPTIONSAccess-Control-Allow-OriginAccess-Control-Allow-MethodsAccess-Control-Allow-Headers+1 - 825 دقیقه
مبانی REST API
از شما میخواهند یک نقطه پایانی به یک رابط برنامهنویسی (API) موجود اضافه کنید و همان تصمیم اول خشکتان میزند: POST /users/42/deactivate یا PATCH...
Resources as nounsMethods as verbsStatus codesIdempotencyHATEOASVersioning - 925 دقیقه
وبسوکتها و SSE
قابلیتی که میخواهید بسازید این است: «همان لحظه که پیام تازه میرسد نشانش بده». هر ابزاری که تا اینجا یاد گرفتهاید فرض میکند اول کلاینت میپرسد و...
Long pollingWebSocket upgradeFull-duplex framesServer-Sent EventsWhen to pick each - 1025 دقیقه
کشگذاری و CDN
ساختن صفحه اصلی سایت شما 900 میلیثانیه طول میکشد، و برای دههزارمین بازدیدکننده همان چیزی را میسازد که برای اولی ساخت. جایی داخل همین عدد،...
Browser cacheProxy cacheCDN edgeCache-ControlETagIf-None-Match+2 - 1125 دقیقه
هدرهای امنیتی
یک بازبینی امنیتی با چهارده مورد روی میزتان مینشیند و شش تای آنها هدرهای پاسخی از آب درمیآیند که نمیفرستید. خبر خوب درباره این دسته از سفتکاری...
Content-Security-PolicyStrict-Transport-SecurityX-Content-Type-OptionsX-Frame-OptionsFrame-ancestorsReferrer-Policy+1 - 1220 دقیقه
محدودیت نرخ و کنترل ترافیک
ساعت 09:14 است و API شما ناگهان برای همه تایماوت میدهد. هیچ دیپلویی انجام نشده بود. معلوم میشود کدِ یکپارچهسازی یکی از مشتریها یک حلقهی تلاش...
Token bucketLeaky bucketFixed windowWhere to enforce429Retry-After+1 - 1320 دقیقه
نظارت و ثبت وقایع
ساعت سه بامداد است و یک مشتری میگوید پرداخت نهایی کار نمیکند. شما یک اسم دارید، یک زمان تقریبی، و سیستمی که روی پنج سرویس پخش شده. هر چیزی که از...
Structured logsCorrelation IDsTracesSpansFour golden signalsLog vs metric+1 - 1440 دقیقه
پروژه نهایی: یک وب سرور کوچک
هر درس این دوره یک هدر را از بیرون توضیح داد. یاد گرفتید Cache-Control چه قولی میدهد، Access-Control-Allow-Origin چه اجازهای میدهد و یک 304 چه...
Serving HTTPCache headersCORS headersSecurity headersCurl -v304 Not Modified+1
وب را به زبان خودت یاد بگیر
هر درس، آزمون و پاسخ مربی به زبان شما نمایش داده میشود. مربی هوشمند به همان زبانی پاسخ میدهد که شما سوال میکنید.
Roles that use Web
See how hiring teams interview engineers on Web, in production-like environments.
Web Application Engineer
Hire web application engineers in real apps with real routes, real auth and real test suites. Live or take-home, fully recorded.
See the interviewFrontend Engineer (React, Angular, Vue)
Hire frontend engineers in real workspaces with Vite, real component libraries and real performance budgets. Live or take-home, fully recorded.
See the interviewFull Stack Developer
Hire full stack developers in real apps with real APIs, real UIs and real tests. Live or take-home, fully recorded.
See the interview