Vibe Coding 101

Apa ini

Vibe Coding 101 ialah beginner path untuk bina website simple dengan AI.

Ini bukan kelas coding tradisional. Kita tak mula dengan hafal syntax, framework, atau teori berat. Kita belajar cara describe idea, guide AI, check output, dan improve sampai project boleh jalan.

Loop utama:

prompt -> generate -> test -> fix -> repeat

Kenapa penting

Beginner tidak perlu faham semua benda sebelum mula. Tapi beginner perlukan system supaya boleh bergerak tanpa percaya AI secara membuta tuli.

Flow Vibe 101:

Plan -> Build -> Improve -> Ship

AI bantu laju. Tapi human tetap judge, test, dan decide.

Apa nak buat

1. Keep first project simple.
2. Pilih cafe, salon, portfolio, bakery, barber shop, fitness coach, tuition class, photographer, event invitation, home cleaning service, atau online menu.
3. Limit max 3 features.
4. Build satu section satu masa.
5. Test sebelum sambung.
6. Tanya AI explain bila tak faham.
7. Ship benda yang real.

Rule penting:

Kalau belum live, belum siap.

Mistake biasa

• Anggap output AI terus final.
• Suruh AI bina seluruh website dalam satu prompt.
• Tambah terlalu banyak feature.
• Sambung walaupun tak faham apa yang berubah.
• Skip deployment.