Flow Session Vibe 101

Apa ini

Session flow ialah susunan langkah yang tutor dan pelajar ikut semasa Vibe Coding 101.

Flow dia:

Plan -> Brief -> Prompt System -> Foundation -> Localhost -> Build -> Test -> GitHub -> Vercel -> Ship

Kenapa penting

Session boleh bergerak laju, tapi jangan jadi kelam-kabut.

Flow ini bantu pelajar tahu langkah seterusnya dan jaga rule utama: faham lebih penting daripada laju.

Apa nak buat

Guna map ini:

1. First Project: pilih satu beginner project yang kecil.
2. Project Brief: lock stack, sections, dan max 3 features.
3. Prompt System: guna prompt yang betul untuk setiap stage.
4. Project Foundation: create atau inspect starter files sahaja.
5. Localhost Checkpoint: run project secara local sebelum feature work.
6. First Visible Build: bina satu visible section.
7. Test, Debug, Improve: test, fix, buat satu small change, dan polish.
8. GitHub Checkpoint: simpan working code online.
9. Vercel Checkpoint: deploy project.
10. Ship: share link yang siap.

Mistake biasa

• Anggap map ini optional.
• Biar AI skip explanation.
• Bergerak terlalu laju bila pelajar keliru.
• Tukar session jadi kelas teori, bukan build session.