Pelajaran 1: Apa Itu Vibe Coding?

Sudut Pandang UnikQuick Perspective

Dulu, orang bikin aplikasi kayak nulis surat resmi ke komputer: harus pakai bahasa yang super ketat, salah satu titik koma aja komputernya ngambek total. 💀

Sekarang? Kamu tinggal ngomong kayak ke temen: "Eh bikinin web buat ngatur anggaran harian dong, yang tombolnya gede-bede biar nggak kepencet." Dan komputernya jawab: "Siap, Bos!" 🫡 Back in the day, making apps was like writing a formal letter to a computer: ultra-strict language, one wrong semicolon and the computer throws a full tantrum. 💀

Now? You just talk to it like a friend: "Hey, build me a pocket-money tracker, with big buttons so I don't misclick." And the computer replies: "On it, Boss!" 🫡

1. Dulu Susah, Sekarang… Kok Gampang? 🤔1. It Used to Be Hard. Now… Why So Easy? 🤔

Bayangin kamu mau bikin kue. Resep lama: kamu harus nanem gandum sendiri, bikin tepung sendiri, bikin oven dari batu. 🪨 Lama banget, kan? Itulah programming zaman dulu — kamu harus belajar bahasa pemrograman (bahasa rahasia komputer), alat-alat developer, dan segunung teori sebelum bisa bikin sesuatu yang jalan. Imagine you want to bake a cake. The old recipe: plant your own wheat, mill your own flour, build an oven from stone. 🪨 Takes forever, right? That's old-school programming — you had to learn programming languages (the computer's secret language), developer tools, and a mountain of theory before you could make something that works.

Terus datanglah AI (kecerdasan buatan) yang kayak chef super jenius. Kamu tinggal bilang: "Aku mau kue cokelat yang lembut." Dia yang belanja, ngaduk, manggang. Kamu tinggal ngicipin dan bilang, "Kurang manis dikit." 🍰 Then along came AI (artificial intelligence) acting like a genius super-chef. You just say: "I want a fluffy chocolate cake." It shops, mixes, and bakes. You just taste it and say, "A little less sweet, please." 🍰

2. Jadi, Vibe Coding Itu Apa Sih? 🧐2. So What Actually Is Vibe Coding? 🧐

Istilah Vibe Coding pertama kali muncul tanggal 2 Februari 2025, dicetuskan oleh peneliti AI terkenal bernama Andrej Karpathy. Idenya simpel: The term Vibe Coding first appeared on February 2, 2025, coined by famous AI researcher Andrej Karpathy. The idea is simple:

📖 Definisi Resmi (Versi Santai)The Official Definition (Relaxed Version)

Vibe coding = programming dengan cara ngobrol. Kamu jelaskan idemu → AI bikin programnya → kamu coba → terus perbaiki lewat obrolan. Gitu doang, diulang-ulang sampai jadi. 🔄 Vibe coding = programming by conversation. You explain your idea → AI builds the program → you try it → keep improving it through chat. That's it, repeated until it's done. 🔄

Perubahan terbesarnya: cara manusia ngobrol sama komputer berubah. Dari yang tadinya harus pakai sintaks super ketat (for (i=0; i<10; i++) {...} 😵) jadi pakai bahasa manusia biasa ("tolong ulang 10 kali ya" 😊). The biggest change: how humans talk to computers has shifted. From ultra-strict syntax (for (i=0; i<10; i++) {...} 😵) to plain human language ("please repeat this 10 times" 😊).

💬 Contoh Prompt Pertamamu💬 Your First Prompt Example

Buatkan aku halaman web sederhana berisi:
1. Judul "Pelacak Anggaran Harian" 💰
2. Daftar pengeluaran operasional hari ini
3. Total pengeluaran di bagian bawah
4. Desainnya bersih, modern, dan responsif untuk mobileCreate a simple web page for me containing:
1. A title "Daily Budget Tracker" 💰
2. A list of operational expenses for today
3. The total expense at the bottom
4. A clean, modern, and mobile-responsive layout

☝️ Itu aja! Satu paragraf. Nggak ada kurung kurawal, nggak ada titik koma, nggak ada doa-doa khusus. Coba tempel prompt ini ke AI favoritmu dan lihat apa yang terjadi. 🪄 ☝️ That's it! One paragraph. No curly braces, no semicolons, no special prayers. Paste this prompt into your favorite AI and watch what happens. 🪄

3. Tapi Tunggu Dulu… Ini Bukan Berarti Kamu Nggak Perlu Belajar 🛑3. But Wait… This Doesn't Mean You Don't Need to Learn 🛑

Ada jebakan Batman di sini. Karena bikin program jadi gampang, semua orang bisa bikin sesuatu. Pertanyaannya berubah: There's a trap here. Because building programs became easy, everyone can build something. The questions change:

Apa yang layak dibuat, bukan cuma apa yang bisa dibuat? 🎯What's worth building, not just what can be built? 🎯
Masalah siapa yang diselesaikan, dan beneran dibutuhkan nggak? 🤷Whose problem does it solve, and is it really needed? 🤷
Gimana caranya produkmu bisa sampai ke tangan pengguna? 📦How does your product reach real users? 📦

🎓 Inti Pelajaran IniThe Core of This Lesson

Coding: "Bisa nggak aku bikin ini?"
Building Product: "Layak nggak dibuat? Siapa yang pakai? Gimana cara ngirimnya ke mereka? Gimana aku tahu ini berhasil?"

Vibe coding itu garis start, bukan garis finish. Di kursus ini kamu bakal belajar jadi Product Engineer: orang yang bisa nemu masalah, bikin solusi, ngirim produk ke pengguna, dan terus memperbaikinya. Keren kan kedengerannya? Coding: "Can I build this?"
Building a Product: "Is it worth building? Who will use it? How do I deliver it? How do I know it works?"

Vibe coding is the starting line, not the finish line. In this course you'll learn to be a Product Engineer: someone who can find problems, build solutions, deliver products to users, and keep improving them. Sounds cool, right?

4. Analogi Restoran Cerdas 🍜 (Versi Paling Gampang)4. The Smart Kitchen Analogy 🍜 (The Easiest Version)

Biar nempel di otak, ini analogi pamungkas: To make it stick, here's the ultimate analogy:

Dunia Nyata 🌍Real World 🌍	Dunia Vibe Coding 💻Vibe Coding World 💻
Kamu (pemilik ide produk) 🤤You (the product visionary) 🤤	Product Engineer — pemilik ideProduct Engineer — the idea owner
Ibu dapur 👩‍🍳The master chef & AI Engine 👩‍🍳	AI — yang mengeksekusiAI — the one who executes
"Bu, nasi goreng pedes, telurnya setengah mateng!""Ma'am, spicy fried rice, egg sunny-side up!"	Prompt (perintah ke AI)The prompt (your instruction to AI)
Masakan pertama yang keasinan 😅The first dish that's too salty 😅	Hasil AI pertama yang belum sempurnaAI's first, imperfect result
"Bu, kurangin garemnya ya!" 🧂"Less salt next time please!" 🧂	Follow-up prompt / iterasiFollow-up prompt / iteration
Nasi goreng yang pas & bikin nagih 😋The perfect, addictive fried rice 😋	Produk jadi yang dipakai banyak orangA finished product people actually use

Jadi intinya: kamu nggak perlu jago masak, kamu cuma perlu jago ngomong maumu apa. Tapi kalau kamu ngerti sedikit soal masakan (cara kerja teknologi), kamu bisa minta yang lebih spesifik dan hasilnya lebih mantap. Itulah kenapa di level-level berikutnya kita bakal belajar "bumbu-bumbunya". 🌶️ So the point is: you don't need to be a great cook, you just need to be great at saying what you want. But if you understand a bit about cooking (how tech works), you can ask for more specific things and get better results. That's why in later levels we'll learn the "spices". 🌶️

5. Misi Rahasiamu 🕵️5. Your Secret Mission 🕵️

🎯 MISI LEVEL 1-A: Observasi LapanganMISSION LEVEL 1-A: Field Observation

Sebelum pelajaran berikutnya, tugasmu (serius tapi santai): Before the next lesson, your assignment (serious but chill):

Ambil kertas atau notes HP. 📝Grab paper or your phone's notes app. 📝
Selama 3 hari ke depan, catat 5 hal yang bikin kamu (atau orang sekitarmu) kesel/ribet. Contoh: "Ibu selalu lupa belanjaan karena catatannya ilang", "Susah bagi-bagi uang kas kelas", "PR numpuk tapi nggak tahu mana yang duluan". For the next 3 days, write down 5 things that annoy you (or people around you). Examples: "Mom always forgets groceries because her list gets lost", "Splitting class treasury money is a nightmare", "Homework piles up but I don't know which to do first".
Nggak usah mikir solusinya dulu. Cukup masalahnya. Di pelajaran 4, kita bakal ubah catatan ini jadi ide produk! 💡 Don't think about solutions yet. Just the problems. In lesson 4, we'll turn these notes into product ideas! 💡

6. Uji Pemahaman 🧪 (Klik buat lihat jawaban)6. Knowledge Check 🧪 (Click to reveal answers)

❓ Siapa yang mencetuskan istilah "vibe coding"?❓ Who coined the term "vibe coding"?▶

Andrej Karpathy, peneliti AI, pada 2 Februari 2025. Ingat namanya — dia kayak "bapak" dari cara coding gaya baru ini. 👴 Andrej Karpathy, an AI researcher, on February 2, 2025. Remember the name — he's like the "father" of this new coding style. 👴

❓ Di vibe coding, apa peranmu dan apa peran AI?❓ In vibe coding, what's your role and what's AI's role?▶

Kamu = mandor / pemilik ide (yang menentukan mau bikin apa dan kenapa). AI = tukang yang super cepat (yang nulis kodenya). Kamu mikir "what & why", AI mikir "how". 🤝 You = the foreman / idea owner (deciding what to build and why). AI = the super-fast builder (writing the code). You think "what & why", AI thinks "how". 🤝

❓ Kalau hasil pertama AI jelek, apa yang kamu lakukan?❓ If AI's first result is bad, what do you do?▶

Jangan panik, jangan nyerah! 😄 Bilang aja ke AI apa yang salah dan maumu kayak gimana — persis kayak minta ibu dapur ngurangin garem. Iterasi (ngulang + perbaiki) itu rahasia utama semua produk bagus. Don't panic, don't quit! 😄 Just tell AI what's wrong and what you want — exactly like asking The master chef & AI Engine to use less salt. Iteration (repeat + improve) is the main secret of every great product.

❓ Apa bedanya "coding" dan "building product"?❓ What's the difference between "coding" and "building a product"?▶

Coding = bikin program jalan. Building product = memastikan program itu layak dibuat, ada yang pakai, bisa dikirim ke pengguna, dan beneran menyelesaikan masalah mereka. Yang kedua jauh lebih keren (dan lebih dibayar 💸). Coding = making a program run. Building a product = making sure it's worth making, that people use it, that it reaches users, and that it truly solves their problem. The second one is way cooler (and pays way better 💸).

✅ Aku sudah selesai pelajaran ini! (Klik kalau udah beneran paham)✅ I've finished this lesson! (Click if you truly understand)

💡 Jokes PenutupClosing Joke

Kenapa programmer zaman dulu bawa payung saat coding?

Karena takut ada bugs jatuh dari langit-langit kantor. 🐛☔

Sekarang, kalau ada bugs, tinggal bilang ke AI: "Bro, ini error kenapa ya?" — dan dia benerin. Hidup memang indah. 😌 Why did old-school programmers carry umbrellas while coding?

They were afraid of bugs falling from the ceiling. 🐛☔

Now, when there's a bug, you just tell AI: "Bro, why is this erroring?" — and it fixes it. Life is beautiful. 😌