Rekap dan Latihan

Poin-poin penting

• Setiap aplikasi terdiri dari empat bagian: sebuah frontend (apa yang dilihat pengguna), sebuah backend (aturan dan logika), sebuah database (tempat data bertahan), dan hosting (tempat semuanya berjalan). Frontend tidak pernah menyentuh database secara langsung — ia melewati backend.
• Di dalam browser, HTML adalah struktur, CSS adalah gaya, dan JavaScript adalah perilaku; kode mengubah halaman dengan mengubah DOM.
• Kamu tidak menulis semuanya sendiri — paket (dikelola oleh npm lewat package.json dan sebuah lockfile) menyediakan masalah-masalah yang sudah terpecahkan sebagai dependensi.
• Variabel lingkungan menjaga rahasia keluar dari kode dan membiarkan kode yang sama berperilaku benar di dev dan prod.
• Sebuah permintaan mengalir frontend → hosting → backend → database lalu kembali; menyebutkan lapisan tempat sebuah masalah berada adalah separuh dari cara memecahkannya.

Coba sendiri

Pilih sebuah aplikasi yang kamu pakai setiap hari dan narasikan satu tindakan melewati lapisan-lapisannya dengan lantang: "Aku mengetuk kirim (frontend) → itu pergi ke server mereka (backend) → yang memeriksa apakah aku diizinkan dan menyimpan pesannya (database) → dan obrolannya diperbarui (frontend)." Lalu tebak di lapisan mana setiap masalah berada: tombolnya terlihat tidak sejajar; aplikasinya berkata "kamu belum login"; sebuah pesan dari kemarin hilang. Menjadi mahir dalam penamaan ini adalah keterampilan yang menjadi fondasi sisa buku ini.

Prompt bab ini

I'm learning how apps fit together. Here is a feature I want:
<one sentence describing what the user should be able to do>

Before writing any code, break it down by layer for me:
- Frontend: what the user sees and what gets sent
- Backend: what rules/checks must run, and where
- Database: what data needs to be stored or read
- Any env vars or config (especially secrets) involved

Then describe the request flow from click to result in numbered steps.
Keep it in plain language — I want to understand the shape before the code.