Paling banyak satu email per minggu. Berhenti kapan saja dengan satu klik.
Transkrip
Narasi lengkap video ini. Kalimat yang sedang diucapkan disorot saat video diputar; klik kalimat untuk melompat ke sana.
Tampilkan transkrip
Pembuka
Halo, selamat datang di sesi Pengenalan Claude Code. Mulai sesi ini, kita naik ke level mahir: Claude tidak hanya menjawab di layar chat, tetapi ikut bekerja di komputer Anda. Di episode ini kita mengenal Claude Code, memahami istilah vibe coding, dan menyusun rencana proyek yang akan kita kerjakan sampai akhir sesi berikutnya.
Langkah 1: Dari chat ke Claude Code
Claude Code adalah cara memakai Claude langsung di komputer. Claude tidak hanya memberi saran, tetapi bisa membuka folder proyek, membaca file, lalu membuat atau mengubah file di sana. Kuncinya ada di kata izin. Setiap langkah penting, seperti mengubah file atau menjalankan perintah, ditanyakan dulu kepada kita sebelum dikerjakan. Mari bandingkan dengan yang sudah kita kenal. Chat bekerja di jendela percakapan, Artifacts di panel samping, sedangkan Claude Code bekerja di folder komputer Anda. Hasilnya pun berbeda. Dari chat kita menyalin teks. Dari Artifact kita mendapat halaman atau alat kecil. Dari Claude Code kita mendapat file proyek yang langsung tersimpan. Chat cocok untuk menulis dan bertanya, Artifacts untuk purwarupa cepat, dan Claude Code untuk website, aplikasi, serta otomasi yang sungguhan. Bedanya paling terasa pada ukuran pekerjaan. Claude Code sanggup mengurus banyak file sekaligus, misalnya halaman, gaya tampilan, gambar, dan formulir dalam satu proyek. Apa saja yang bisa dikerjakan Claude Code untuk usaha kecil? Pertama, website usaha: halaman profil, menu dan harga, sampai tombol pesan yang langsung tersambung ke WhatsApp. Kedua, alat bantu kerja, seperti kalkulator ongkir, formulir pesanan, atau rekap sederhana yang dipakai setiap hari oleh admin. Ketiga, merapikan file dan data. Misalnya mengganti nama ratusan foto produk sekaligus, atau menggabungkan laporan dari banyak file menjadi satu. Keempat, menjelaskan isi proyek. Bila Anda menerima folder website buatan orang lain, Claude Code bisa membacanya lalu menjelaskan dengan bahasa sederhana.
Langkah 2: Melihat Claude Code bekerja
Cara kerja Claude Code bisa diringkas menjadi satu siklus. Pertama, kita meminta dengan bahasa sehari-hari, sama seperti di chat. Kedua, Claude membaca isi folder dan file yang relevan supaya paham keadaan proyek sebelum bertindak. Mirip karyawan baru yang melihat-lihat dulu sebelum mulai bekerja. Ketiga, sebelum membuat atau mengubah file, Claude meminta izin. Kita bisa menyetujui, menolak, atau memberi arahan lain. Keempat, Claude memberi ringkasan apa saja yang berubah. Lalu siklus berulang untuk permintaan berikutnya. Begini tampilannya. Raka, mahasiswa yang sedang belajar membuat website, mengetik permintaan biasa: halaman berisi nama Kopi Senja, jam buka, dan tombol WhatsApp. Claude menjawab dengan rencana singkat: ia akan membuat satu file bernama index, yaitu file utama sebuah halaman web. Baris berikutnya menunjukkan alat yang dipakai. Write artinya menulis file baru, dan di bawahnya tertulis berapa baris yang dibuat. Sebelum file benar-benar disimpan, muncul kotak izin. Raka memilih Yes karena memang itu yang ia minta. Terakhir, Claude memberi ringkasan. Raka tidak mengetik satu baris kode pun. Tampilan ini simulasi, dan nama menu bisa sedikit berbeda karena Claude Code sering diperbarui. Claude Code juga pandai menjelaskan. Raka bertanya: tolong jelaskan isi file index dengan bahasa sederhana, saya bukan programmer. Kali ini Claude memakai alat Read, artinya membaca file. Membaca tidak mengubah apa pun, jadi biasanya tidak perlu izin. Penjelasannya mudah dipahami: ada judul di atas, jam buka di tengah, dan tombol hijau yang membuka WhatsApp Kopi Senja. Claude juga menjelaskan bahwa tulisan dalam tanda kurung sudut hanyalah penanda bagian. Kita tidak perlu menghafalnya. Cukup minta Claude yang mengubahnya.
Langkah 3: Apa itu vibe coding?
Istilah vibe coding sering terdengar akhir-akhir ini. Artinya, kita membuat program dengan menjelaskan keinginan, mirip memberi brief kepada desainer. Claude yang menulis kodenya, lengkap dengan penjelasan singkat tentang apa yang ia buat. Tugas kita menilai hasilnya: membuka di browser, mencoba tombolnya, lalu meminta revisi bila belum pas. Mirip pola minta, baca, perbaiki yang sudah kita latih sejak awal. Lalu kapan vibe coding cocok? Pertama, untuk halaman profil usaha yang berisi menu, jam buka, dan kontak. Persis yang dibutuhkan Kopi Senja. Kedua, untuk alat bantu kantor, seperti kalkulator harga, rekap penjualan, atau pengingat jadwal. Dewi di CV Maju Bersama, misalnya, bisa membuat rekap stok sendiri tanpa menunggu tim IT. Ketiga, untuk otomasi kecil yang merapikan file dan data. Kita akan membahasnya di sesi otomasi nanti. Sebaliknya, hati-hati dengan sistem pembayaran. Untuk urusan uang, hasil buatan AI perlu diperiksa ahli sebelum dipakai. Begitu juga menyimpan data pribadi pelanggan. Bila website harus menyimpan data seperti itu, libatkan programmer untuk memastikan keamanannya.
Langkah 4: Peran kita: pengarah dan pemeriksa
Supaya vibe coding aman, kita pegang tiga tugas. Pertama, memberi arah yang jelas: tujuan, isi, gaya, dan batasannya. Kedua, membaca sebelum menyetujui. Lihat ringkasan Claude, file mana yang disentuh, dan apa yang berubah. Ketiga, mencoba hasilnya. Buka halaman di browser, klik setiap tombol, dan cek angka seperti harga dan jam buka. Claude bisa keliru dengan yakin, jadi pemeriksaan terakhir tetap tugas kita. Contohnya begini. Raka memberi perintah yang terlalu umum: rapikan folder proyek ini. Kata rapi bisa ditafsirkan bermacam-macam, dan di sinilah masalah sering bermula. Claude menafsirkan rapi sebagai menghapus folder foto lama. Untungnya, perintah seperti ini selalu menunggu izin. Raka membaca kotak izin dengan teliti, lalu memilih No. Foto lama itu masih dibutuhkan Laras. Kemudian Raka memperjelas arahannya: jangan hapus apa pun, cukup pindahkan ke folder arsip. Inilah peran pengarah dan pemeriksa dalam praktik.
Langkah 5: Rencana proyek: website Kopi Senja
Sekarang rencana kita. Laras, pemilik Kopi Senja, ingin website sederhana. Raka siap membantu. Langkah pertama, menyiapkan alat: memasang Claude Code dan mengenal terminal. Kedua, mengenal proyek: cara Claude membaca folder, arti setiap kotak izin, dan file CLAUDE.md yang memberi Claude konteks usaha. Ketiga, membangun halaman di sesi berikutnya: landing page, yaitu halaman utama yang memperkenalkan usaha, lalu fitur tambahan dan formulir pesanan. Keempat, membuat tampilan rapi di HP, lalu menerbitkan website secara gratis supaya pelanggan bisa membukanya. Raka mencatat brief awal dari Laras. Pertama, menu lengkap dengan harga: kopi susu gula aren, cold brew, dan paket hampers. Kedua, jam buka delapan pagi sampai sembilan malam, beserta alamat kedai di Bandung. Ketiga, tombol pesan lewat WhatsApp, karena selama ini pesanan memang masuk lewat sana. Keempat, nyaman dibuka di HP, sebab hampir semua pelanggan Laras membuka tautan dari HP. Siapkan juga brief serupa untuk usaha Anda sendiri.
Selesai!
Kita sudah mengenal Claude Code yang bekerja di folder komputer, memahami vibe coding beserta batasnya, dan menyusun rencana website Kopi Senja bersama Raka. Di episode berikutnya kita memasang Claude Code di komputer dengan mengikuti dokumentasi resmi, lalu menjalankannya untuk pertama kali. Sampai jumpa!
Latihan mandiri
Kerjakan sendiri setelah menonton supaya materinya benar-benar melekat.
Tulis satu paragraf brief website untuk usaha atau pekerjaan Anda sendiri
Daftar bagian halaman yang Anda inginkan, misalnya menu, jam buka, dan kontak
Tandai bagian mana yang cukup dengan Artifact dan mana yang butuh Claude Code
Tanya materi kelas
Ketik pertanyaan atau kata kunci; kami carikan bagian episode ini yang menjelaskannya dan lompatkan videonya ke sana.
Catatan saya
Catatan disimpan bersama menit video saat ini dan hanya terlihat oleh Anda.
Tanya jawab
Bingung di salah satu langkah? Tanyakan di sini; pengajar dan peserta lain bisa menjawab.
Belum ada pertanyaan.
Pengajar
Tim Cerdas Inovasi Digital
Pengembang software, engineer BIM & 3D, dan praktisi AI
52 kelas video1.276 episode
Sehari-hari kami mengerjakan software, model BIM, game, dan otomasi AI untuk klien, lalu menjadikan pengalaman praktik itu kelas langkah demi langkah: setiap langkah diperlihatkan di layar dan dilengkapi panduan PDF.
