🌐 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.