🌐 Pengantar Web

Level: Beginner

Web adalah fondasi dunia digital modern. Dengan memahami cara kerja web, kita bisa membangun website dan aplikasi yang interaktif, aman, dan bermanfaat. Bayangkan web sebagai jalan raya informasi yang menghubungkan pengguna (client) dengan server di seluruh dunia.

📖 Konsep Dasar Web

Client: perangkat pengguna (browser, aplikasi mobile) yang meminta data.
Server: komputer yang menyimpan dan mengirimkan data/halaman web.
HTTP/HTTPS: protokol komunikasi antara client dan server.
DNS: sistem yang menerjemahkan nama domain (misalnya fixly.com) menjadi alamat IP server.
Frontend: bagian web yang dilihat pengguna (HTML, CSS, JavaScript).
Backend: bagian web yang berjalan di server (logika, database, API).

🛠️ Praktik Kecil

Coba buka browser dan ketik alamat https://www.example.com. Proses yang terjadi di balik layar:

Browser meminta alamat ke DNS untuk menemukan server.
Browser mengirim request ke server menggunakan protokol HTTPS.
Server merespons dengan mengirim file HTML, CSS, dan JavaScript.
Browser merender file tersebut menjadi halaman web yang bisa dilihat.

👉 Dengan memahami alur ini, kita tahu bahwa setiap klik di web adalah komunikasi client-server.

🎮 Mini Challenge

Lakukan eksplorasi berikut:

Buka browser DevTools (tekan F12 atau Ctrl+Shift+I).
Pergi ke tab Network dan refresh halaman.
Amati request dan response yang terjadi (HTML, CSS, JS, gambar).

Tugas tambahan: Catat minimal 3 jenis file yang dimuat saat membuka sebuah website dan jelaskan fungsinya.