Training · Bro Zaid Todak ← Semua subjek

Claude Code · Bab 3: A sampai Z · 10 Modul · 29 Langkah

Claude Code, dari A sampai Z

Hujung bahagian ni, korang boleh install Claude Code sendiri, guna dia dengan yakin, dan komputer korang akan ada setting sama macam Bro Zaid pakai sekarang. Ikut turutan, jangan skip modul.

Isi Kandungan

Kenal Claude Code, apa benda ni?
Persediaan, akaun & terminal
Install Claude Code
Login kali pertama
Asas penggunaan harian
Setting macam Bro Zaid
CLAUDE.md & memori
Vault .env & ritual sesi
Latihan amali
Adab & keselamatan (WAJIB baca)

Modul 1 — Kenal Claude Code

Faham dulu apa benda dia, baru senang belajar.

Claude Code ialah AI assistant yang duduk dalam terminal (skrin hitam yang programmer selalu guna). Bezanya dengan chat AI biasa: Claude Code boleh buat kerja terus dalam komputer korang, baca fail, tulis fail, jalankan arahan, siapkan projek.

Bayangkan macam ni: chat AI biasa = kawan yang bagi nasihat. Claude Code = pekerja yang betul-betul buat kerja tu untuk korang.

Boleh buat	Contoh
Baca & tulis fail	"Bacakan fail senarai-stok.csv ni, kira jumlah nilai"
Buat dokumen/laporan	"Buatkan laporan jualan minggu ni dalam bentuk HTML"
Jalankan arahan komputer	"Zipkan folder gambar produk ni"
Bina & baiki sistem	Macam mana Bro Zaid bina POS, hr10, semua tu

Langkah 1 — Faham konsep

Baca bahagian atas ni sampai faham: Claude Code = AI yang bekerja DALAM komputer korang, bukan sekadar berbual.

Langkah 2 — Faham batasnya

Claude Code buat apa yang korang SURUH. Dia pandai, tapi korang tetap bos, sentiasa baca apa dia nak buat sebelum benarkan. Modul 10 akan cover ni lagi dalam.

Modul 2 — Persediaan

Dua benda je perlu: akaun Claude & tahu buka terminal.

2.1 Akaun Claude

Claude Code perlukan akaun Claude yang ada subscription (Pro atau Max). Daftar akaun sendiri di claude.ai kalau belum ada. Elakkan daftar dan bayar sendiri tanpa arahan.

Langkah 3 — Sedia akaun

Pastikan korang dah ada akaun Claude sendiri (plan berbayar diperlukan untuk Claude Code). Test login kat claude.ai dalam browser dulu.

2.2 Buka terminal

Tekan Cmd + Space, taip Terminal, tekan Enter. Keluar tetingkap dengan tulisan putih atas hitam, itu dia.

Tekan butang Windows, taip PowerShell, tekan Enter. (Guna PowerShell, bukan Command Prompt lama.)

Langkah 4 — Buka terminal

Berjaya buka Terminal (Mac) atau PowerShell (Windows). Jangan takut skrin kosong tu, dia tunggu arahan je.

2.3 Faham "folder semasa"

Terminal sentiasa "berdiri" dalam satu folder. Claude Code akan bekerja dalam folder tu. Arahan penting: cd nama-folder = masuk folder, pwd = tengok sekarang berada kat mana (Mac) / Get-Location (Windows).

Langkah 5 — Cuba arahan folder

Dalam terminal, taip pwd (Mac) atau Get-Location (Windows), tekan Enter. Korang akan nampak alamat folder semasa. Tahniah, korang baru guna terminal!

Modul 3 — Install Claude Code

Satu baris arahan je. Copy, paste, Enter.

Terminal (Mac)

curl -fsSL https://claude.ai/install.sh | bash

PowerShell (Windows)

irm https://claude.ai/install.ps1 | iex

Tunggu sampai habis (biasanya bawah seminit). Lepas siap, tutup terminal dan buka semula. Ini penting supaya komputer kenal arahan baru.

Langkah 6 — Jalankan installer

Copy arahan ikut jenis komputer korang, paste dalam terminal, Enter, tunggu siap.

Langkah 7 — Restart terminal

Tutup tetingkap terminal sepenuhnya, buka balik yang baru.

Langkah 8 — Sahkan install berjaya

Taip arahan ni dan tekan Enter:

Terminal

claude --version

Kalau keluar nombor versi (contoh 2.1.218 (Claude Code)), berjaya! Kalau keluar "command not found", ulang Langkah 7, atau tampal error tu dalam Claude web dan tanya.

Modul 4 — Login kali pertama

Sekali je perlu buat. Lepas ni dia ingat.

Langkah 9 — Buat folder latihan & masuk

Terminal (Mac & Windows sama)

mkdir latihan-claude
cd latihan-claude

Ini buat folder baru nama latihan-claude dan masuk ke dalamnya. Kita berlatih dalam folder ni supaya fail lain selamat.

Langkah 10 — Lancarkan Claude Code

Terminal

claude

Taip claude dan Enter. Kali pertama, dia akan suruh login.

Langkah 11 — Login melalui browser

Pilih login dengan akaun Claude (subscription), browser akan terbuka, login dengan akaun yang disediakan, tekan Authorize, kemudian kembali ke terminal. Bila nampak kotak taip Claude Code, korang dah berjaya masuk. 🎉

Tip Nak tukar akaun kemudian hari? Dalam Claude Code, taip /login. Nak keluar dari Claude Code? Tekan Ctrl+C dua kali.

Modul 5 — Asas penggunaan harian

Cakap biasa je dengan dia, bahasa Melayu pun boleh.

Langkah 12 — Arahan pertama korang

Dalam Claude Code, taip macam ni dan Enter:

Dalam Claude Code

Buatkan satu fail nama hello.txt yang ada ayat "Salam dari [nama korang]"

Claude akan minta kebenaran untuk tulis fail, tekan Enter untuk benarkan (Allow). Lepas siap, fail tu betul-betul wujud dalam folder korang!

Langkah 13 — Kuasai kawalan asas

Cuba setiap satu:

Esc, berhentikan Claude tengah jalan (macam brek kecemasan)
/clear, mula perbualan baru yang bersih
/help, senarai semua arahan

Langkah 14 — Slash commands penting

Taip / dan tengok senarai keluar. Yang wajib kenal:

`/model`	tukar model AI
`/config`	tetapan (tema, dll.)
`/init`	buat fail CLAUDE.md untuk projek (Modul 7)
`/compact`	ringkaskan perbualan panjang

Langkah 15 — Mod kebenaran (Shift+Tab)

Tekan Shift+Tab beberapa kali dan perhatikan mod bertukar:

Normal, Claude tanya kebenaran setiap kali nak ubah fail (paling selamat, mula sini)
Auto-accept edits, edit fail auto-lulus, arahan besar tetap tanya
Plan mode, Claude rancang dulu, tak sentuh apa-apa sampai korang lulus pelan

Modul 6 — Setting macam Bro Zaid

Ini konfigurasi sebenar yang Bro Zaid pakai hari-hari (disemak Julai 2026).

Semua tetapan Claude Code duduk dalam satu fail: ~/.claude/settings.json (Mac) / C:\Users\NAMA\.claude\settings.json (Windows). Cara paling senang edit: suruh Claude Code sendiri buat.

Langkah 16 — Tengok setting semasa korang

Dalam Claude Code, taip:

Dalam Claude Code

Tunjukkan kandungan fail settings.json aku. Kalau belum wujud, bagitahu je.

Ini fail penuh yang Bro Zaid guna sekarang:

~/.claude/settings.json, versi Bro Zaid

{
  "permissions": {
    "defaultMode": "bypassPermissions"
  },
  "model": "claude-fable-5[1m]",
  "hooks": {
    "Stop": [
      {
        "hooks": [
          {
            "type": "command",
            "command": "afplay /System/Library/Sounds/Glass.aiff &",
            "async": true
          }
        ]
      }
    ]
  },
  "enabledPlugins": {
    "supabase@claude-plugins-official": true,
    "frontend-design@claude-plugins-official": true
  },
  "tui": "fullscreen",
  "skipDangerousModePermissionPrompt": true,
  "theme": "dark",
  "skipAutoPermissionPrompt": true
}

Maksud setiap baris, bahasa manusia:

Baris	Maksudnya
`defaultMode: bypassPermissions`	Claude TAK tanya kebenaran langsung, terus buat. Laju gila, tapi bahaya kalau tak biasa. Baca amaran bawah.
`model: claude-fable-5[1m]`	Guna Fable 5 (model paling kuat) dengan ingatan konteks 1 juta token, boleh telan projek besar sekali gus. Perlu plan yang menyokongnya; kalau tak ada, kekal model default pun ok.
`hooks: Stop → afplay Glass`	Bunyi "ting!" setiap kali Claude siap kerja, boleh buat benda lain sambil tunggu. (Mac sahaja; Windows tak ada afplay.)
`enabledPlugins`	Plugin Supabase (database) & frontend-design (buat UI cantik). Untuk staf: boleh skip dulu.
`tui: fullscreen`	Claude Code guna satu skrin penuh terminal, lebih kemas.
`theme: dark`	Tema gelap. Sedap mata.
2 baris `skip...Prompt`	Buang soalan pengesahan tambahan bila guna mod bypass. Pasangan kepada baris pertama.

Amaran penting, mod bypass bypassPermissions maksudnya Claude boleh ubah/padam fail dan jalankan arahan TANPA tanya korang dulu. Bro Zaid guna sebab dah 100% biasa + ada backup harian. Staf baru: JANGAN aktifkan baris ni dulu. Guna versi selamat kat bawah. Bila dah mahir (dan Bro Zaid lulus), baru upgrade.

Langkah 17 — Pasang versi SELAMAT untuk pemula

Suruh Claude Code tulis fail settings korang dengan versi ni (sama macam Bro Zaid, TOLAK mod bypass):

~/.claude/settings.json, versi staf (selamat)

{
  "tui": "fullscreen",
  "theme": "dark"
}

Cara buat: paste JSON tu dalam Claude Code dan cakap "Tolong simpan ini sebagai ~/.claude/settings.json".

Langkah 18 — (Mac sahaja) Tambah bunyi "siap kerja"

Kalau guna Mac, suruh Claude: "Tambahkan hook Stop dalam settings.json aku supaya bunyi Glass.aiff berbunyi bila kau siap kerja, sama macam config Bro Zaid." Lepas tu bagi dia satu tugasan kecil dan dengar bunyi "ting!" bila siap. Windows: skip langkah ni, tick je.

Langkah 19 — Restart & sahkan

Keluar Claude Code (Ctrl+C dua kali), taip claude semula. Perhatikan: skrin penuh (fullscreen) dan tema gelap aktif. Itu tandanya settings.json korang dah hidup.

Langkah 20 — Faham beza mod korang vs mod Bro Zaid

Sebelum tick: boleh jawab tak, "Apa beza setting aku dengan setting Bro Zaid, dan kenapa?" (Jawapan: mod bypass + model 1M + plugins. Sebab: pengalaman + backup + keperluan kerja dia.)

Modul 7 — CLAUDE.md & memori

Cara ajar Claude tentang kerja korang, supaya tak payah ulang benda sama.

CLAUDE.md = nota arahan tetap yang Claude baca setiap kali mula. Ada 2 tempat:

~/.claude/CLAUDE.md, global, terpakai untuk semua projek (Bro Zaid guna ni untuk senarai skill & peraturan dia)
CLAUDE.md dalam folder projek, khas untuk projek tu je

Langkah 21 — Cuba /init

Dalam folder latihan-claude, taip /init. Claude akan kaji folder dan tulis CLAUDE.md untuk projek tu. Bukalah dan baca apa dia tulis.

Langkah 22 — Tulis CLAUDE.md global korang

Suruh Claude buat fail ~/.claude/CLAUDE.md dengan isi ringkas, contoh:

Contoh CLAUDE.md global staf

# Tentang aku
- Nama: [nama korang]
- Balas dalam Bahasa Melayu santai
- Aku bukan programmer, explain simple, jangan guna jargon
- Sebelum padam atau tulis ganti mana-mana fail, tanya aku dulu

Langkah 23 — Shortcut memori "#"

Mula ayat dengan # untuk simpan nota memori cepat, contoh: # aku prefer laporan dalam format jadual. Claude akan tanya nak simpan kat mana, pilih dan siap.

Modul 8 — Vault .env & ritual sesi

Dua tabiat orang yang kerja lama dengan Claude, vault kunci & ritual mula/tutup.

8.1 Vault .env, tempat simpan kunci

Nanti bila korang sambungkan Claude ke servis lain (database, hosting, Bahagian 3), setiap servis bagi token (kunci rahsia). Kunci-kunci ni disimpan dalam SATU fail tersembunyi: ~/.claude/.env, macam peti kunci. Claude rujuk dari situ, tak payah taip kunci merata-rata.

Contoh isi .env (format: NAMA=nilai)

NETLIFY_AUTH_TOKEN=nfp_xxxxxxxx
SUPABASE_KEY=ey_xxxxxxxx
GITHUB_TOKEN=ghp_xxxxxxxx

Peraturan kunci Fail .env = macam kunci kedai. JANGAN screenshot, jangan hantar dalam group, jangan upload mana-mana. Untuk kerja syarikat, token hanya diberi oleh Bro Zaid bila perlu.

Langkah 27 — Suruh Claude sediakan vault

Dalam Claude Code

Tolong setup fail ~/.claude/.env untuk simpan token & kunci servis yang aku akan guna nanti. Buat kosong dulu dengan contoh format, dan pastikan ia tak akan masuk git.

8.2 Ritual MULA sesi, bincang dulu

Jangan biar Claude terus menggodam bila korang baru buka sesi. Mulakan dengan bincang dulu, baru dia faham apa korang nak sebelum sentuh apa-apa:

Dalam Claude Code, ayat pembuka

Aku nak sambung projek [nama-projek]. Bincang dengan aku dulu, jangan buat atau ubah apa-apa sebelum kita setuju pelan.

Langkah 28 — Cuba ritual mula

Buka sesi baru (/clear), guna ayat pembuka atas ni dengan folder latihan korang. Perhatikan: Claude bincang dulu, tak terus buat. Itu yang kita nak.

8.3 Ritual TUTUP sesi, save session

Ingat Bahagian 1 Modul 6? Sesi baru bermula kosong, kecuali ada nota. Sebab tu sebelum tutup, suruh Claude simpan sesi, dia akan tulis semua keputusan & kerja belum siap dalam nota memorinya:

Dalam Claude Code, ayat penutup

Aku nak save session ni, nanti kita sambung kemudian.

Langkah 29 — Cuba ritual tutup

Hujung sesi latihan korang, taip ayat penutup tu. Esoknya buka semula dan guna ritual mula, Claude patut masih "ingat" apa korang buat semalam. Magik? Bukan, nota .md. 😉

Modul 9 — Latihan amali

Teori dah. Sekarang buat kerja betul. Semua dalam folder latihan-claude.

Latihan A, Senarai semak stok

Suruh Claude: "Buatkan fail stok.csv dengan 10 barang camping contoh (nama, kuantiti, harga), lepas tu kira jumlah nilai semua stok dan bagitahu aku." Semak jawapan dia dengan kalkulator, betul ke?

Latihan B, Laporan HTML

Suruh Claude: "Dari stok.csv tadi, buatkan laporan HTML yang cantik dan bukakan dalam browser." Kalau laporan terbuka dalam browser korang, lulus!

Latihan C, Baiki & ubah

Suruh Claude ubah laporan tu: "Tukar warna tema jadi hijau gelap dan emas, dan tambah tarikh hari ini kat atas." Perhatikan macam mana dia edit fail sedia ada, bukan buat baru.

Tamat Bahagian 2 🎉 Kalau semua 29 langkah dah tick, korang dah layak guna Claude Code untuk kerja harian. Bagitahu Bro Zaid untuk sesi hands-on, dan teruskan ke Claude Apps.

Modul 10 — Adab & keselamatan (WAJIB)

Tiada checkbox kat sini, sebab ini bukan langkah, ini PERATURAN.

Peraturan team, hafal

Jangan kongsi login akaun Claude dengan orang luar team.
Jangan paste data pelanggan (nombor telefon, alamat) atau password syarikat ke mana-mana AI tanpa arahan Bro Zaid.
Jangan jalankan arahan yang korang tak faham dari internet. Kalau ragu, tanya dulu.
Jangan guna mod bypass permissions atas komputer kedai / komputer yang ada data penting.
Sistem live (POS, website), hanya Bro Zaid yang boleh arahkan perubahan. Latihan hanya dalam folder latihan.
Buat silap? Bagitahu terus. Silap boleh baiki, senyap yang bahaya.