Minggu 02 — AI Coding Tools dan Workflow

Bekerja di VS Code bersama AI: konteks, aturan project, dan memecah task.

Part 2 dari 12 ± 40 menit Gratis

Alat kerja: VS Code + AI assistant

Visual Studio Code adalah editor kode gratis yang paling umum. Ia bisa dipasangi AI coding assistant (misalnya GitHub Copilot, Claude Code, Cursor, atau ekstensi sejenis). Apa pun alatnya, pola kerjanya sama.

Empat mode kerja dengan AI

Mode	Fungsi	Kapan dipakai
Autocomplete	Melanjutkan baris yang sedang kamu ketik	Menulis kode rutin
Chat	Tanya jawab tentang kode	Memahami, merencanakan, mencari penyebab error
Edit	Mengubah bagian kode yang kamu pilih	Refactor kecil, perbaikan terarah
Agent	Mengerjakan task multi-langkah: membuat file, menjalankan perintah	Fitur utuh, dengan pengawasan ketat

Memberi konteks yang cukup

AI hanya tahu apa yang ia lihat. Sertakan: file yang relevan, struktur folder, bahasa dan framework, serta contoh gaya kode yang sudah ada. Terlalu sedikit konteks membuat AI menebak; terlalu banyak membuatnya bingung. Pilih yang relevan saja.

Aturan project

Buat satu file aturan (misalnya AGENTS.md, CLAUDE.md, atau .cursorrules) berisi hal yang berlaku untuk seluruh project, sehingga tidak perlu mengulang di setiap prompt:

# Aturan project
- Bahasa: JavaScript (tanpa TypeScript)
- Gaya: fungsi kecil, nama variabel bahasa Inggris
- Jangan menambah library tanpa bertanya
- Setiap fitur baru harus punya contoh pemakaian di README

Pecah task besar menjadi kecil

Permintaan besar ("buat aplikasi todo lengkap") menghasilkan kode besar yang sulit diperiksa. Pecah menjadi langkah yang masing-masing bisa dites:

Tampilkan daftar tugas (data contoh).
Tambah tugas baru lewat form.
Tandai tugas selesai.
Hapus tugas.
Simpan ke localStorage.

Aturan praktis: satu task = satu hal yang bisa kamu coba dan lihat hasilnya. Setelah tiap task, jalankan, cek, lalu lanjut.

Praktik minggu ini

Minta AI membuat aplikasi pencatatan tugas sederhana secara bertahap. Target: project terstruktur dengan README dan daftar fitur.