Akademiacademy / vibe-102 / overview
Vibe Coding 102
Apa ini
Vibe Coding 102 ialah kelas selepas Vibe 101.
Vibe 101 bantu pelajar bina website. Vibe 102 bantu pelajar bina mini app yang boleh ingat apa user buat.
Upgrade dia ialah:
Flow
website -> mini app
content -> data
page -> state
refresh hilang -> localStorage simpanKenapa penting
App yang berguna bukan sekadar page. App benarkan user tambah, ubah, buang, dan simpan maklumat.
Vibe 102 ajar pattern itu tanpa backend, login, database, APIs, payment, atau dashboard.
Apa nak buat
Goal kelas ialah bina satu mini app yang responsive dalam 2 jam 30 minit.
App mesti ikut pattern ini:
Flow
input -> item list -> update item -> delete item -> save locallyPelajar Vibe 101 boleh pilih idea daripada menu mini app.
Pelajar baru perlu baca Jumpstart dahulu dan guna Mission Task Tracker sebagai pilihan default.
Mistake biasa
- Anggap Vibe 102 macam kelas software engineering penuh.
- Tambah login atau database terlalu awal.
- Pilih app yang perlukan lebih daripada satu list item.
- Deploy sebelum localhost dan refresh test berfungsi.
Vibe 102 / Checkpoint sekarang
Overview
Sedia untuk stamp - Disimpan dalam browser ini sahaja.
0 daripada 11 checkpoints complete
0 daripada 11 checkpoints complete.