Web
Pelajari cara kerja web sesungguhnya. HTTP, HTTPS, DNS, cookie, sesi, CORS, caching, TLS, header keamanan, dan pembatasan laju.
14 pelajaran, berurutan
- 120 mnt
Apa Itu Web
Selamat datang. Kalau kamu belum pernah memikirkan apa yang sebenarnya terjadi saat kamu mengetik sebuah URL di browser, kamu ada di tempat yang...
Client-server modelBrowser as a clientURL structureWhat happens between typing and rendering - 215 mnt
HTTP vs HTTPS
Bayangkan kamu sedang memakai wifi gratis di sebuah kedai kopi. Orang lain di jaringan yang sama, cukup berbekal packet sniffer biasa, bisa mengamati...
Plaintext HTTPHTTPS as HTTP over TLSConfidentialityIntegrityAuthenticityPadlock UI - 330 mnt
Anatomi Permintaan dan Respons
Kamu sudah tahu bahwa browser mengirim request dan server membalas dengan response. Yang belum kamu lihat adalah wujud asli keduanya saat melintas di...
Request lineHeadersBodyStatus codesMethodsCurl -v - 425 mnt
Cookie, Sesi, dan Token
HTTP tidak punya ingatan. Setiap request yang Anda kirim diperlakukan server seolah-olah ia belum pernah melihat Anda sebelumnya, meskipun lima detik...
Set-CookieHttpOnlySecureSameSiteServer sessionsJWT+1 - 525 mnt
DNS Dijelaskan
Anda mengarahkan sebuah domain ke server baru, perubahannya masuk, dan hasilnya jalan dari laptop Anda tapi tidak dari laptop rekan kerja. Atau...
RootTLDAuthoritative serverRecursive resolverAAAAA+6 - 630 mnt
TLS dan Sertifikat
TLS adalah lapisan yang mengubah HTTP biasa menjadi HTTPS. Di akhir pelajaran ini, kamu akan memahami secara garis besar apa yang terjadi selama...
TLS handshakeClientHelloServerHelloCertificateKey exchangeCA chain of trust+2 - 730 mnt
CORS
Frontend kamu jalan di localhost:3000, API kamu jalan di localhost:8000, dan request yang mulus di curl gagal di browser dengan pesan merah di...
Same-origin policyOriginPreflight OPTIONSAccess-Control-Allow-OriginAccess-Control-Allow-MethodsAccess-Control-Allow-Headers+1 - 825 mnt
Dasar-dasar REST API
Kamu diminta menambahkan satu endpoint ke API yang sudah ada, lalu langsung membeku di keputusan pertama: POST /users/42/deactivate atau PATCH...
Resources as nounsMethods as verbsStatus codesIdempotencyHATEOASVersioning - 925 mnt
WebSocket dan SSE
Fitur yang Anda kerjakan adalah "tampilkan pesan baru begitu ia tiba". Semua yang Anda pelajari sejauh ini mengandaikan klien bertanya lebih dulu...
Long pollingWebSocket upgradeFull-duplex framesServer-Sent EventsWhen to pick each - 1025 mnt
Caching dan CDN
Halaman utama Anda butuh 900 milidetik untuk dibangun, dan ia membangun hal yang sama untuk pengunjung ke sepuluh ribu seperti untuk pengunjung yang...
Browser cacheProxy cacheCDN edgeCache-ControlETagIf-None-Match+2 - 1125 mnt
Header Keamanan
Sebuah hasil security review mendarat di mejamu dengan empat belas poin, dan enam di antaranya ternyata response header yang tidak kamu kirim. Itu...
Content-Security-PolicyStrict-Transport-SecurityX-Content-Type-OptionsX-Frame-OptionsFrame-ancestorsReferrer-Policy+1 - 1220 mnt
Pembatasan Laju dan Throttling
Pukul 09:14 API kamu mulai timeout untuk semua orang. Tidak ada yang di-deploy. Ternyata integrasi milik salah satu pelanggan punya loop retry tanpa...
Token bucketLeaky bucketFixed windowWhere to enforce429Retry-After+1 - 1320 mnt
Pemantauan dan Pencatatan
Jam tiga pagi dan seorang pelanggan melapor bahwa checkout gagal. Yang kamu punya hanya sebuah nama, perkiraan waktu, dan sistem yang tersebar di...
Structured logsCorrelation IDsTracesSpansFour golden signalsLog vs metric+1 - 1440 mnt
Capstone: Server Web Kecil
Setiap pelajaran di kursus ini menjelaskan header dari luar. Kamu belajar apa yang dijanjikan Cache-Control, apa yang diizinkan...
Serving HTTPCache headersCORS headersSecurity headersCurl -v304 Not Modified+1
Pelajari Web dalam bahasamu
Setiap pelajaran, kuis, dan balasan tutor tampil dalam bahasamu. Tutor AI menjawab dalam bahasa yang kamu pakai.
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