Ngoding bareng AI

Kalau kamu sampai di bab ini, kamu sudah melakukan hal yang dulu dianggap susah: bikin aplikasi dari nol, menyimpannya di laptop, bahkan menaruhnya di internet. Sekarang kita kenalan dengan “teman kerja” yang makin sering dipakai programmer: AI.

Singkatnya, kamu bisa menjelaskan apa yang kamu mau dengan kalimat biasa, dan AI membantu menulis kodenya. Kedengarannya seperti sihir, tapi seperti semua alat, ada cara pakai yang bijak dan ada jebakannya. Bab ini membahas dua-duanya.

AI chat vs AI agent

Ada dua cara memakai AI untuk ngoding, dan bedanya penting.

Yang pertama, AI chatAI chatAI yang dipakai lewat obrolan: kamu bertanya, dia menjawab, dan kodenya kamu salin sendiri.Penjelasan lengkap →. Ini seperti bertanya ke teman pintar lewat WhatsApp. Kamu mengetik pertanyaan, dia menjawab, dan kalau ada kode, kamu menyalin dan menempelnya sendiri ke file-mu. Dia nggak bisa melihat atau menyentuh komputermu. Contohnya: Claude di claude.ai, aplikasi Gemini, atau ChatGPT.

Yang kedua, AI agentAI agentAI yang bisa membaca dan mengubah file di foldermu serta menjalankan perintah atas izinmu.Penjelasan lengkap →. Ini seperti teman pintar yang duduk di depan laptopmu (dengan izinmu). Dia bisa membaca file di foldermu, mengubahnya, bahkan menjalankan perintah. Kamu cukup bilang maunya apa. Contohnya: Claude Code, Antigravity CLI, atau GitHub Copilot dalam mode agent.

Agent jauh lebih sakti, tapi juga lebih berisiko, justru karena dia boleh mengubah file asli. Itu sebabnya nanti kita praktik dengan hati-hati, dengan cadangan.

Pilihan alat dan biayanya

Bagian ini paling cepat basi, jadi baca dengan kacamata ini: harga, kuota, dan status gratis berubah terus. Ini hasil cek ke halaman resmi tiap layanan pada Oktober 2026. Cek lagi sebelum pakai. Semua ini hanya informasi, bukan saran untuk membeli atau berlangganan apa pun.

Harga dalam dolar bisa berbeda saat ditagihkan di Indonesia karena kurs dan pajak. Cek juga syarat usia tiap layanan. Beberapa melarang pengguna di bawah 18 tahun (Antigravity salah satunya). Kalau umurmu belum 18, jangan dipaksakan memakai layanan yang melarangnya. Untuk praktik di bawah, ada jalur yang boleh dipakai mulai umur 13 tahun (GitHub Copilot), tetap dengan izin orang tua atau wali. Konsepnya sama di alat mana pun.

Sumber (halaman resmi, dicek Oktober 2026): Claude, Claude Code, Gemini, Gemini API, Antigravity, pengumuman Gemini CLI, GitHub Copilot, DeepSeek, GLM, Kimi, Qwen Code, OpenRouter.

Praktik: minta agent menambah satu fitur

Kita akan menambah satu fitur ke aplikasi uang jajanmu: pilihan kategori (makanan, minuman, lainnya) dan total per kategori. Kamu nggak menulis kodenya sendiri. Kamu yang mengarahkan, agent yang mengetik, dan kamu yang memeriksa.

Ada dua jalur gratis, pilih salah satu:

• Jalur A: GitHub Copilot di VS Code. Boleh dipakai mulai umur 13 tahun (kalau belum 18, minta izin orang tua atau wali). Nggak perlu terminal, karena agent-nya ada langsung di VS Code yang kamu pasang di Bab 8. Paling cocok untuk pemula.
• Jalur B: Antigravity CLI di terminal. Khusus umur 18 tahun ke atas. Cocok kalau kamu penasaran rasanya agent “versi programmer”.

Kalau nanti kamu memakai alat lain (misalnya Claude Code), alurnya tetap sama: pasang, buka di foldermu, beri permintaan, periksa dan setujui perubahan.

Langkah 1: backup dulu!

Agent akan mengubah file aslimu. Jadi sebelum apa pun, buat cadanganBackupSalinan cadangan file atau folder, untuk jaga-jaga kalau yang asli rusak atau hilang.Penjelasan lengkap →. Di File Explorer atau Finder, salin folder uang-jajan lalu tempel di sebelahnya, dan ganti nama salinannya jadi uang-jajan-cadangan. Selesai. Kalau nanti ada yang rusak, tinggal salin balik. Jangan pernah menjalankan agent di folder cadangan itu.

Langkah 2A: pakai GitHub Copilot di VS Code (13+)

1. Bikin akun GitHub di github.com. Gratis. Syarat dari GitHub: umur minimal 13 tahun.
2. Masuk ke Copilot dari VS Code. Buka folder uang-jajan di VS Code (seperti di Bab 8). Di bilah paling bawah VS Code ada ikon Copilot. Arahkan kursor ke ikon itu, pilih Use AI Features, lalu masuk dengan akun GitHub-mu. Akun yang belum punya paket otomatis dapat Copilot Free: gratis, dengan jatah pemakaian bulanan yang terbatas.
3. Buka panel Chat dengan menekan Ctrl + Alt + I (Mac: Ctrl + Cmd + I).
4. Pastikan mode agent yang dipakai. Di pengaturan sesi chat, pilih agent Agent, dan biarkan izinnya Manual permissions. Dengan begitu, Copilot selalu minta izin dulu sebelum menjalankan sesuatu.

(Langkah dan nama tombol diambil dari dokumentasi resmi VS Code, dicek Oktober 2026. Tampilan VS Code sering diperbarui, jadi kalau ada yang beda, ikuti panduan “Agents Quickstart” di code.visualstudio.com/docs.)

Sudah? Lompat ke Langkah 3.

Langkah 2B: pakai Antigravity CLI di terminal (18+)

Kenalan dengan terminal

Agent seperti ini dijalankan dari terminalTerminalJendela tempat kamu memberi perintah ke komputer dengan cara mengetik, bukan mengklik.Penjelasan lengkap →: jendela tempat kamu memberi perintah ke komputer dengan mengetik, bukan mengklik. Kelihatannya jadul, tapi justru cepat dan dipakai programmer setiap hari.

Cara paling gampang membukanya: dari VS Code yang foldernya sudah terbuka, klik menu Terminal, lalu New Terminal. Terminalnya akan terbuka di bagian bawah, langsung di dalam folder uang-jajan. Dua perintah yang cukup kamu tahu:

ls
cd nama-folder

ls menampilkan isi folder saat ini (kamu harus melihat index.html di sana), dan cd berpindah ke folder lain. Di Windows, terminal VS Code biasanya berupa PowerShell, dan dua perintah itu tetap jalan. Kamu juga bisa membuka terminal biasa lewat menu Start (cari “Terminal”) di Windows, atau Cmd + Spasi lalu ketik “Terminal” di Mac.

Pasang agent

Perintah pemasangan Antigravity CLI di bawah ini diambil dari dokumentasi resminya. (Dicek Oktober 2026. Kalau berbeda dari halaman antigravity.google/docs/getting-started, ikuti halaman itu.)

Windows (PowerShell):

irm https://antigravity.google/cli/install.ps1 | iex

Mac:

curl -fsSL https://antigravity.google/cli/install.sh | bash

Perintah semacam ini mengunduh lalu menjalankan sebuah program dari internet. Itu cara pasang yang lazim, tapi artinya kamu harus yakin sumbernya: salin hanya dari dokumentasi resmi, jangan dari komentar orang atau video sembarangan. Setelah selesai, tutup lalu buka terminal baru dan cek:

agy --version

Kalau muncul nomor versi, berhasil. Kalau terminal bilang perintahnya tidak dikenal, buka halaman pemecahan masalah di dokumentasinya.

Jalankan di folder uang-jajan

Pastikan terminalmu ada di folder uang-jajan (bukan cadangannya!), lalu ketik:

agy

Pertama kali, browser akan terbuka untuk masuk dengan akun Google. Agent juga menanyakan apakah kamu mempercayai folder ini sebelum mulai membaca file di dalamnya. Jawab percaya untuk folder ini saja.

Langkah 3: beri permintaan yang jelas

Ketik permintaanmu, di panel Chat (Jalur A) atau di terminal (Jalur B). Contoh:

Folder ini berisi aplikasi catatan uang jajan, satu file bernama index.html
(HTML, CSS, dan JavaScript jadi satu). Datanya disimpan di localStorage.

Tolong tambahkan fitur kategori:
1. Di form, tambahkan pilihan kategori: makanan, minuman, lainnya.
2. Simpan kategori bersama nama dan harga setiap jajan.
3. Di bawah total keseluruhan, tampilkan total per kategori.

Data lama yang belum punya kategori jangan sampai rusak.
Jangan ubah tampilan atau fitur lain. Jelaskan rencanamu dulu
sebelum mengubah file.

Lihat betapa spesifiknya permintaan itu? Kita bahas kenapa di bawah.

Langkah 4: baca rencana, setujui satu per satu

Agent akan menulis rencananya dulu. Baca. Apakah sesuai maumu? Apakah dia berencana menyentuh hal yang tidak kamu minta? Kalau iya, bilang: “jangan ubah itu.”

Sebelum menjalankan sesuatu, agent akan minta izin. Di Antigravity CLI, menurut dokumentasinya saat dicek, kamu menyetujui dengan menekan Y. Di Copilot, kamu memilih izinkan pada kotak permintaan izin, dan panel Chat menampilkan daftar file yang berubah. Klik nama file itu untuk melihat bagian mana yang ditambah atau dihapus. Kalau hasilnya nggak sesuai, arahkan kursor ke permintaanmu sebelumnya lalu pilih Restore Checkpoint untuk mengembalikan file seperti semula. Biasakan membaca apa yang akan diubah. Kalau ada perubahan yang nggak kamu pahami, jangan setuju dulu. Tanya: “jelaskan perubahan ini dengan bahasa sederhana.” Hindari pilihan “setujui semuanya otomatis” sampai kamu benar-benar terbiasa.

Langkah 5: uji hasilnya

Kalau pakai Antigravity CLI, keluar dulu dengan mengetik /exit (atau tekan Ctrl + D). Lalu buka lagi index.html di browser, refresh, dan coba: tambah beberapa jajan dengan kategori berbeda. Apakah total per kategori benar? Apakah data lamamu masih muncul? Coba juga tutup dan buka lagi tab-nya.

Kalau hasilnya rusak atau aneh, dan kamu nggak tahu cara memperbaikinya, ganti nama folder uang-jajan yang rusak (misalnya jadi uang-jajan-rusak), lalu salin uang-jajan-cadangan dan namai ulang jadi uang-jajan. Itulah gunanya langkah 1. Dan kalau ada error, kamu sudah tahu caranya dari Bab 7.

Cara bertanya ke AI yang baik

AI itu seperti temanmu yang cerdas tapi nggak bisa membaca pikiran. Makin jelas kamu bercerita, makin pas bantuannya. Lima kebiasaan yang membantu:

• Kasih konteks. Kamu lagi bikin apa, pakai apa, sampai mana.
• Sebut tujuannya. Bukan cuma “bikin fitur kategori”, tapi hasil akhirnya seperti apa.
• Kasih batasan. “Jangan ubah yang lain” menyelamatkan banyak kode.
• Minta langkah kecil. Satu fitur per permintaan, jangan sepuluh sekaligus.
• Minta penjelasan. “Jelaskan seperti ke pemula” bikin kamu ikut belajar, bukan sekadar menerima.

Bandingkan dua permintaan ini. Yang kurang bagus:

kodenya error, benerin dong

Yang lebih bagus:

Aku lagi belajar JavaScript. Di aplikasi catatan uang jajan (satu file index.html),
tombol Tambah tidak bereaksi. Di console muncul:
"ReferenceError: jumlahklik is not defined" di baris 15.

Tolong jelaskan penyebabnya dengan bahasa sederhana,
lalu kasih perbaikan yang paling kecil saja.

Perhatikan: pesan error ditempel utuh, barisnya disebut, dan kamu minta penjelasan. Kata-kata seperti “tombol”, “console”, “baris”, dan “error” itu kamu pelajari di Bab 3 sampai 7. Itu bukan kebetulan.

Jebakan dan keamanan

Jangan pernah menempel rahasia. Password, API keyAPI keyKunci rahasia berupa deretan karakter yang memberi akses ke sebuah layanan; jaga seperti password.Penjelasan lengkap → (kunci rahasia yang memberi akses ke suatu layanan), isi file .env, foto KTP, nomor rekening, nomor HP, atau data pribadi orang lain. Anggap apa pun yang kamu kirim ke AI bisa keluar dari tanganmu. Di tingkat gratis beberapa layanan, isi percakapan bahkan bisa dipakai penyedianya untuk meningkatkan produk (seperti yang tertulis di halaman Gemini API). Kalau kode yang akan kamu tempel mengandung rahasia, hapus bagian rahasianya dulu.

Awasi perintah yang menghapus. Agent kadang mengajukan perintah di terminal. Kalau kamu melihat kata seperti rm, del, Remove-Item, atau format, berhenti dan baca baik-baik apa yang akan dihapus. Kalau ragu, tolak. Latihan dulu di folder yang ada cadangannya, bukan di folder tugas kuliah satu-satunya.

Jangan jalankan perintah yang kamu nggak paham. Termasuk dari AI. Tanya dulu maksudnya.

Baca aturan layanannya. Tiap layanan punya ketentuan soal usia, data, dan pemakaian yang wajar. Ini bagian yang gampang terlewat.

Kalau ada AI, kenapa masih belajar dari nol?

Pertanyaan bagus, dan jawabannya ada di Bab 0 sampai 9. AI itu seperti ojek online: cepat, tapi kamu tetap harus tahu tujuan dan jalurnya. Kalau nggak tahu apa-apa, kamu nggak bisa menilai apakah dia membawamu ke tempat yang benar. Dengan dasar yang sudah kamu pelajari:

• kamu bisa mengarahkan dengan kata yang tepat,
• kamu bisa memeriksa hasilnya dan menangkap kesalahannya,
• kamu bisa memperbaiki sendiri saat AI buntu,
• dan kamu tahu apa yang sebenarnya terjadi di aplikasimu.

Bedanya antara “pengguna yang dibawa AI” dan “programmer yang memakai AI” ada di situ.