Konsep Dasar

Ini salah satu kebingungan terbesar orang baru belajar coding. Simple-nya gini:

Frontend itu semua yang lo liat dan klik di website. Warna tombolnya, tulisan yang muncul, gambar, popup — pokoknya semua yang berinteraksi sama mata dan jari lo. Frontend pake HTML (struktur), CSS (tampilan), dan JavaScript (tingkah laku).

Backend itu yang kerja di belakang layar. Pas lo login, backend yang ngecek "password lo bener apa salah". Pas lo search produk, backend yang ngubek-ngubek database nyariin barangnya. Lo gak liat backend — tapi dia yang bikin website jalan.

Analogi: frontend itu interior dan etalase toko. Backend itu gudang dan kasir. Dua-duanya perlu, beda peran.

Orang baru biasanya mulai dari frontend soalnya hasilnya langsung keliatan. Lo bikin tombol biru — langsung muncul tombol biru. Backend? Lo nulis kode, gak keliatan apa-apa, tapi aplikasinya jadi punya otak. Seru juga kalo udah nyoba.

API itu Application Programming Interface — kedengeran rumit? Tenang, ini sederhana.

Bayangin lo di restoran. Lo gak bisa langsung masuk dapur dan ambil makanan. Lo pesan ke pelayan, pelayan sampein ke koki, koki masak, pelayan anter ke meja lo. Nah, pelayan itu API-nya. Dia jembatan antara lo (frontend) dan dapur (backend).

Di dunia coding, API dipake pas satu aplikasi butuh data dari aplikasi lain. Misalnya:
— Website lo mau nampilin cuaca → panggil API BMKG
— App lo mau kirim WhatsApp → panggil API WhatsApp
— Lo mau deteksi wajah di foto → panggil API Google Vision

API biasanya ngirim data dalam format JSON — bentuknya mirip catatan sederhana:

Gampang dibaca, gampang diproses. Itu sebabnya API dipake di mana-mana.

Intinya: API itu cara dua program ngobrol. Lo gak perlu tahu gimana dapur kerja — lo tinggal minta, dia ngasih.

Website lo udah jadi di komputer lo sendiri. Tapi cuma lo yang bisa buka — soalnya masih di localhost. Nah, deploy itu cara bikin website lo bisa diakses semua orang lewat internet.

Dulu, deploy itu ribet. Lo harus:
1. Beli hosting (server) — bayar tiap bulan
2. Upload file pake FTP (aplikasi khusus upload)
3. Setup domain — beli, config DNS, nunggu propagasi
4. ...doa biar gak error

Sekarang? Lo tinggal push ke GitHub, Vercel atau Netlify yang ngurusin sisanya. Lo bahkan dapet URL gratis. Gak perlu bayar, gak perlu setup ribet.

Istilah lain yang mirip: publish, release,go live. Artinya sama — ngeluarin karya lo ke publik.

Website CodeVibing ini juga di-deploy pake Vercel. Lo buka dari HP lo sekarang? Itu artinya lo lagi ngeliat hasil deploy. Simpel kan?