FluentStack

Cara Kerja Web Page

Mode tersedia: dark, light, paper
MasukDaftar
Beginner · Level 1: Web FoundationsBeginner20 menitBahasa Indonesia

Cara Kerja Web Page

Ikuti alur sederhana saat browser membuka URL: browser meminta halaman, menerima balasan, lalu menampilkannya.

StatusMemuat progres
ProgresMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Tujuan belajar

  • Menjelaskan alur sederhana saat browser membuka URL
  • Membedakan request dan response dengan bahasa sederhana
  • Mengamati bahwa refresh membuat browser meminta halaman lagi
Web FundamentalsBrowserHTTP

Isi lesson

6 blok
  1. 1.
    Apa yang terjadi saat kamu membuka URL?Belum selesaiWajib
  2. 2.
    Browser meminta, server membalasBelum selesaiWajib
  3. 3.
    Coba amati saat halaman dimuat ulangBelum selesaiWajib
  4. 4.
    Request dan response cukup dipahami sederhanaBelum selesaiWajib
  5. 5.
    Cek pemahamanBelum selesaiWajib
  6. 6.
    RingkasanBelum selesaiWajib

Apa yang terjadi saat kamu membuka URL?

Wajib

Di lesson sebelumnya, kamu sudah tahu bahwa URL adalah alamat halaman. Sekarang kamu belum perlu masuk ke detail jaringan. Cukup pahami alurnya dulu: browser memakai URL untuk meminta halaman, menerima balasan, lalu menampilkan web page yang bisa kamu baca.

Bagian ini memengaruhi progres lesson.

Browser meminta, server membalas

Wajib

Bayangkan kamu membuka halaman Roadmap di FluentStack. Browser melihat URL halaman itu, lalu mengirim request. Request berarti permintaan. Server menerima permintaan tersebut, lalu mengirim response. Response berarti balasan. Balasan itu bisa berisi halaman, gambar, atau file pendukung lain. Setelah balasan diterima, browser menyusun hasilnya menjadi halaman yang terlihat.

Bagian ini memengaruhi progres lesson.

Coba amati saat halaman dimuat ulang

Wajib

Lihat address bar, lalu refresh halaman ini. URL-nya tetap menunjuk ke halaman yang sama, tetapi browser meminta ulang halaman tersebut. Kamu tidak perlu melihat proses teknisnya sekarang. Yang penting: membuka atau me-refresh URL membuat browser meminta halaman lagi.

Bagian ini memengaruhi progres lesson.

Catatan penting

Wajib

Request dan response cukup dipahami sederhana

Untuk tahap awal, cukup ingat aturan ini: browser mengirim request, server mengirim response. Kalau kamu melihat istilah resource, anggap saja sebagai file atau data yang dibutuhkan halaman. Detail seperti status code, header, dan network tab bisa dipelajari nanti.

Bagian ini memengaruhi progres lesson.

Cek pemahaman

WajibJawab dulu

Cek pemahaman singkat

Saat browser meminta halaman ke server, istilah yang paling tepat untuk permintaan itu adalah apa?

Progres lesson naik setelah jawaban benar.

Ringkasan

Wajib
  • Saat membuka atau me-refresh URL, browser mengirim request untuk meminta halaman.
  • Server mengirim response sebagai balasan untuk permintaan browser.
  • Browser membaca response lalu menampilkan web page yang kamu lihat.
  • Berikutnya, kamu akan mengenal tiga bagian penting yang sering membentuk web page: HTML, CSS, dan JavaScript.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian penting lesson ini

Lanjutkan blok wajib berikutnya: Apa yang terjadi saat kamu membuka URL?.