30 hari vibe coding sampai expert

Bukan kelas fundamental. Target hari 30: kamu lead, Agent eksekusi, diff dibaca, skill dan rules ikut rapi.

Buka kalender

Urutan belajar

1.Rumah Cursor. ChatGPT atau Claude boleh ngerancang. Copilot Tab boleh. Eksekusi di repo tetap di sini.
2.Prompt: tujuan, konteks, batasan, cara cek selesai. Pecah. Jangan "buat app".
3.Ajari sekali: rules, AGENTS.md, skill di .agents. Salah berulang = update file, jangan marahin chat.
4.Operasi expert: /loop, MCP, hooks, subagent. Tool tanpa gerbang = liar.
5.Mutu: baca diff, test, rahasia, recover. Hari 30 = kamu masih ngerti semua file yang berubah.

Kalender 30 hari

Ketuk hari untuk buka checklist.

Cursor rumah · 55 menit

Hari 1: Empat pintu Cursor

Tab, Chat, Agent, inline. Pilih yang pas

Catatan. Expert bukan yang paling sering buka Agent. Yang paling tepat pilih pintu.

Dalam 1 sesi: Tab lanjut 1 function, Chat tanya 1 konsep tanpa edit, inline (Ctrl/Cmd+K) ubah 1 blok, Agent 1 file
Baca diff Agent. Jelaskan apa yang berubah, 3 kalimat
Tulis di notes: 1 contoh kapan masing-masing pintu dipakai
Buka Customize: Rules, Skills, MCP. Catat yang sudah ada, jangan numpuk plugin

Ujian mandiri hari ini

Centang kalau sudah bisa tanpa buka tutorial.

Bisa sebut kapan Tab, Chat, Agent, dan inline (Ctrl/Cmd+K), masing-masing 1 contoh
Sudah 1 tugas Agent dengan batas 1 file, lalu jelaskan diff-nya
Tidak pakai Agent untuk tanya yang cukup di Chat

Prompt hari ini

Bandingkan yang kabur vs yang enak disalin ke Cursor.

Jangan

Perbaiki semua yang error, vibe coding aja.

Pakai

Jangan edit dulu. Petakan 8 folder penting. Lalu 1 tugas saja: rapikan `src/utils/formatDate.ts`. Jelaskan diff. Jangan sentuh file lain.

Ingat

Tab: lanjut ngetik. Chat: paham. Agent: kerja. Inline: ubah blok yang diseleksi.
Expert mulai dari pilih pintu yang tepat, bukan dari prompt panjang.

Materi hari ini

Kapan pakai apa

Pintu Cursor dan kapan memakainya
Pintu	Dipakai untuk
Tab	Lanjut baris yang sudah kamu mulai ngetik
Chat	Tanya, jelaskan, bandingkan. Belum edit file
Agent	Kerjakan tugas dengan batas file dan definisi selesai
Plan	Rencana 1 paragraf dulu. Baru izinkan nulis
Rules	Aturan tetap. Pendek dan konkret, bukan "tulis code bagus"
Skill	Prosedur berulang di .agents/skills atau .cursor/skills
/loop	Cek berulang. Jangan pabrik fitur tanpa gerbang
Hooks	Pagar di momen hidup agent. Bukan auto-accept
Subagent	Pecah kerja, batas file jelas. Kamu yang merge
Prompt	Tujuan, konteks, batasan, selesai kalau apa

Laboratorium

Bukan hari ke-31. Ini meja latihan di halaman yang sama: gambar, video, audio, form, dan tabel supaya elemen HTML yang biasa diajar di kelas web ikut kelihatan. Catatan tersimpan di browser ini, terpisah dari streak 30 hari.

Cuplikan kode JavaScript di layar monitor — Kode di layar. Foto Lorenzo Cafaro / Pixabay (CC0) .

Video: unggah file di alat kolaborasi

Tutorial singkat unggah file. Robinverhoef, Wikimedia Commons .

Audio: bunyi papan ketik

Rekaman papan ketik komputer. Wikimedia Commons .

Catat sesi latihan

Isi form, lalu lihat baris baru di tabel bawah. JavaScript yang menyimpan datanya.

Judul sesi

Terhubung ke hari

Fokus hari itu: Tab, Chat, Agent, inline. Pilih yang pas.

Catatan

0/400 karakter

Daftar catatan

0 catatan tersimpan.

Belum ada catatan. Isi form di atas, lalu simpan.

Progress streak tersimpan di browser ini. Hapus lewat Mulai ulang. Laboratorium (gambar, video, audio, form, tabel) terpisah dari path 30 hari.