Minggu 01 — Fundamental Vibe Coding
Memahami vibe coding, peran kamu dan AI, serta cara menulis prompt yang jelas.
Apa itu vibe coding?
Vibe coding adalah cara membuat software dengan menjelaskan apa yang kamu mau dalam bahasa sehari-hari, lalu membiarkan AI menulis kodenya. Kamu fokus pada tujuan ("buatkan kalkulator"), AI fokus pada detail teknis.
Vibe coding vs AI-assisted coding
| Vibe coding | AI-assisted coding | |
|---|---|---|
| Siapa yang menulis kode | Hampir seluruhnya AI | Kamu, dibantu AI (saran, autocomplete) |
| Seberapa dibaca kodenya | Sering hanya dicek hasilnya | Dibaca dan dipahami baris demi baris |
| Cocok untuk | Prototipe, ide cepat, alat internal | Produk yang akan dirawat lama |
| Risiko | Bug dan celah keamanan tak terlihat | Lebih lambat, tetapi lebih terkendali |
Di course ini kita memakai jalan tengah: AI menulis, kamu memahami dan memeriksa. Hasil akhirnya adalah software yang benar-benar bisa kamu pertanggungjawabkan.
Pembagian peran
- Kamu: menentukan tujuan, batasan, dan kriteria berhasil; memeriksa hasil; mengambil keputusan.
- AI: menghasilkan draf kode, menjelaskan, mengusulkan alternatif, mencari penyebab error.
- AI bisa salah dengan percaya diri. Tanggung jawab atas kode tetap di tanganmu.
Resep prompt yang baik
Prompt yang bagus punya empat bagian:
| Bagian | Pertanyaan | Contoh |
|---|---|---|
| Konteks | Apa latar belakangnya? | "Saya pemula, belajar JavaScript." |
| Kebutuhan | Apa yang harus dibuat? | "Kalkulator dengan + - × ÷." |
| Batasan | Apa yang tidak boleh/harus dipakai? | "Tanpa library, satu file HTML." |
| Kriteria sukses | Bagaimana tahu sudah benar? | "10 ÷ 0 menampilkan pesan error, bukan crash." |
Prompt buruk: "buatkan kalkulator". Prompt baik: gabungan keempat bagian di atas.
Membaca kode buatan AI
Jangan langsung percaya. Biasakan tiga pertanyaan: (1) Apa yang dilakukan tiap bagian? (2) Apa yang terjadi jika inputnya aneh (kosong, 0, teks)? (3) Adakah bagian yang tidak pernah kamu minta? Minta AI menjelaskan baris yang tidak kamu mengerti, lalu jelaskan ulang dengan katamu sendiri.
Praktik minggu ini
Buat kalkulator sederhana dengan bantuan AI, lalu jelaskan fungsi setiap bagian kode. Target: kalkulator berjalan dan ada dokumentasi singkat alur programnya.