SIGNITE 2.0 · Technical Web Development

Apakah ini kita???

Menempel kode tanpa ikut menempel masalahnya

Sabtu, 24 Oktober 2026 Aula Rektorat Universitas Bakti Tunas Husada
Ilustrasi programmer copy-paste
data diri
Foto Muhammad Rafi Heryadi

Muhammad
Rafi Heryadi

Ayah 2 Anak & 1 Istri
Sehari-hari

Kalau ngga di kantor ya di rumah, terus nganter anak sekolah

Kalimat favorit

“Alhamdulillah sudah okeh mas, ini bukti tf nya yah”

Kalimat parno

“Proyeknya simpel kok, pasti cepet buatnya”

Misi hari ini

Ada 6 huruf samar tersembunyi di latar slide. Kumpulkan, susun jadi satu kata. Jawab di akhir sesi.

??????
P
Pengakuan

Saya programmer
copy-paste.

Dari dokumentasi, Stack Overflow, project lama. Sekarang setiap hari saya juga minta AI menuliskan kode.

Bedanya hanya satu kebiasaan sebelum menekan Ctrl+V.

Ctrl+CCtrl+V
kebiasaan.php
// sebelum Ctrl+V
if (! $saya->paham($kode)) {
    return;
}
Sebuah kisah nyata

1 Agustus 2012,
pukul 09.30 pagi.

Knight Capital, salah satu perusahaan trading terbesar di bursa saham Amerika, baru saja memasang software versi baru di server mereka. Bursa dibuka.

NYSE · OPEN09:29:52
Lantai bursa Knight Capital di NYSE
Ilustrasi kekacauan order saham

Sistem mereka mengirim jutaan order saham yang tidak pernah diminta siapa pun.

Kerugian: lebih dari US$460 juta, di atas Rp7 triliun.

Durasinya kira-kira sama dengan sesi kita pagi ini.

45menit.
A
Penyebabnya, secara teknis

Bukan hacker. Bukan server mati.

2003
Fitur lama Power Peg pensiun, tapi kodenya dibiarkan di server.
2005
Penghitung “order sudah terpenuhi” dipindah. Power Peg tidak dites ulang, remnya putus tanpa ada yang tahu.
JULI 2012
Fitur baru memakai ulang flag milik Power Peg. Deploy manual: 1 dari 8 server terlewat.
09.30
212 order masuk ke server ke-8. Flag membangunkan Power Peg, order anak dikirim tanpa henti.
PANIK
Kode baru dicabut dari 7 server lain. Kini semua server menjalankan kode lama.
server-8 · legacy.phploop
// server ke-8, kode 2003
while (! $order->terpenuhi()) {
    kirimOrderAnak($order);
}
// terpenuhi() rusak sejak 2005:
// jawabannya selalu "belum"
4 juta+

transaksi, 397 juta lembar saham, dalam 45 menit

97 email

berisi “Power Peg disabled” masuk sebelum bursa buka. Tidak ada yang membacanya.

Sumber: laporan SEC tentang Knight Capital Americas LLC (Oktober 2013)
Lompat ke Juli 2025

Kali ini, yang menulis kode adalah AI.

2012

Manusia lupa membersihkan kode lama. Kerugian ratusan juta dolar dalam 45 menit.

2025

Founder SaaStr membangun aplikasi dengan AI agent di Replit. Saat code freeze, agent itu menghapus database production berisi data lebih dari 1.200 eksekutif, lalu keliru menyatakan data tidak bisa dipulihkan.

Polanya sama tidak ada yang benar-benar menjaga kode.
Sumber: unggahan Jason Lemkin (SaaStr) dan pemberitaan media teknologi, Juli 2025
Technical Web Development · 1/3

Bagaimana web bisa kita akses?

Infografik proses akses website: ketik alamat, DNS, kirim permintaan, server menyiapkan, tampil di layar, dengan analogi restoran
Kenapa perlu tahu urutannya?

Setiap bug tinggal di salah satu tahap:

Browsertombol tidak bereaksi → cek Console
Servererror 500 → cek laravel.log
Databasehalaman lambat → ingat N+1
Gembok di address bar

HTTPS mengenkripsi percakapan browser dan server, jadi isi form tidak bisa diintip di jalan.

Domain itu disewa

Biasanya per tahun. Lewat pengaturan DNS, domain diarahkan ke alamat IP server Anda.

SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Technical Web Development · 2/3

Tiga bahan sebuah website

Kode

Instruksi yang kita tulis supaya komputer bekerja.

HTML · CSS · JStampilan di browser
PHPlogika di server
Analogi resep masakan

Framework

Kerangka siap pakai, jadi tidak mulai dari nol.

Laravellogin, validasi, database, keamanan dasar
React · Vuetampilan interaktif
Analogi dapur yang sudah lengkap alatnya

Database

Tempat menyimpan data secara rapi dalam tabel.

idnamastatus
1Rafipaid
2Galihpending

Contoh: MySQL, PostgreSQL

Analogi gudang dengan rak berlabel
AI bisa menulis resepnya. Anda yang harus kenal dapur dan gudangnya.
SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Technical Web Development · 3/3

Server: rumah untuk website

Komputer yang menyala 24 jam dan terhubung ke internet, supaya website bisa dibuka siapa saja.

Static hosting

GitHub Pages · Netlify · Vercel
Cocok untuk

Portfolio, landing page, web HTML tanpa database

Gratis untuk mulai

Shared hosting

Rumahweb · Dewaweb · Hostinger
Cocok untuk

Tugas kuliah, company profile, blog, toko kecil

Murah · pakai cPanel

VPS / Cloud

DigitalOcean · AWS · Biznet Gio · IDCloudHost
Cocok untuk

Aplikasi dengan banyak pengguna, butuh kontrol penuh

Fleksibel · urus sendiri

Managed / PaaS

Laravel Cloud · Railway · Render
Cocok untuk

Fokus ke kode, server diurus penyedia

Praktis · biaya lebih tinggi
Nama penyedia hanya contoh · cek harga dan paket terbaru
Technical Web Development · 3/3

Macam-macam cara deploy

Deploy = memindahkan kode dari laptop ke server, supaya bisa dibuka pengguna.

1

Upload manual

File Manager · FTP

Paling mudah untuk belajar.

Rawan ada file terlewat, tidak ada riwayat.

2

Git di server

ssh → git pull

Ada riwayat, bisa kembali ke versi sebelumnya.

Masih diketik manual setiap kali.

3

Otomatis (CI/CD)

GitHub Actions

Push → dites → deploy sendiri.

Standar di software house.

4

Platform sekali hubung

Vercel · Netlify · Laravel Cloud

Hubungkan repo, setiap push langsung online.

Paling praktis.

Makin ke kanan
makin aman & otomatis
Untuk belajar, mulai dari cara mana pun. Begitu kerja tim, naik ke cara 3 atau 4.
5 pengaman server & langkah deploy lengkap: CHECKLIST-DEPLOY.md di Clean Code Kit
Bagian 1 · Studi kasus

Hari pertama magang di software house

Proyek Anda: sistem pendaftaran peserta SIGNITE, dibangun dengan Laravel. Developer sebelumnya sudah resign. Di meja Anda ada lima tiket masalah.

#1

Variabel misterius

Penamaan
#2

Status 3 itu apa?

Magic number
#3

Controller 80 baris

Struktur
#4

Peserta jadi admin

Keamanan
#5

Lemot H-1 acara

Performa
Main tebak bug mari kita lihat penjelasan dari 5 tiket masalah ini…
SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Tiket #1 · Penamaan

Variabel misterius

Klien minta revisi besok pagi. Anda membuka kode warisan developer lama, dan menemukan ini:

Sebelum??
$d = Participant::where('s', 1)->get();
foreach ($d as $x) {
    if ($x->t > 0) {
        kirim($x);
    }
}
// d itu apa? s itu apa? t itu apa?
?
Kode ini ngapain?Klik / → untuk buka
Sesudahjelas
$confirmed = Participant::query()
    ->where('status', 'confirmed')
    ->get();

foreach ($confirmed as $participant) {
    if ($participant->hasPaid()) {
        sendTicket($participant);
    }
}
Kebiasaan nama yang baik menjawab “ini isinya apa?” tanpa perlu membaca kode lain.
Cek langsung · tes tidak bisa menangkap nama yang buruk. Hanya manusia yang bisa.
Tiket #2 · Magic number

Status 3 itu apa?

Peserta yang sudah bayar tidak dapat sertifikat. Ternyata 3 artinya batal, bukan lunas.

Sebelumteka-teki
if ($participant->status == 3) {
    sendCertificate($participant);
}

// 1 = pending?
// 2 = lunas? atau batal?
// 3 = ... tanya siapa?
?
Developer baru tahu arti 3 dari mana?Klik / → untuk buka
Sesudahenum
enum RegistrationStatus: string
{
    case Pending = 'pending';
    case Paid = 'paid';
    case Cancelled = 'cancelled';
}

if ($participant->status
    === RegistrationStatus::Paid) {
Kebiasaan angka tanpa nama adalah teka-teki. Beri nama dengan Enum atau konstanta.
Bawa pulang · contoh lengkap Enum ada di PANDUAN-CODING.md · coba kodenya di 3v4l.org
Tiket #3 · Struktur

Controller 80 baris: satu fungsi, lima tugas

public function store(Request $request)
1Validasi input
2Simpan data peserta
3Buat kode tiket
4Kirim email tiket
5Kirim WhatsApp
± 80 baris dalam satu fungsi

Ibarat satu orang jadi kasir, koki, dan kurir sekaligus.

Masalah 1 · susah diubah

Mau ganti cara kirim email? Harus membongkar fungsi pendaftaran.

Masalah 2 · tidak bisa dipakai ulang

Admin mau input peserta juga? Terpaksa copy-paste 80 baris yang sama.

Masalah 3 · satu rusak, semua ikut

Ubah satu tugas, tugas lain bisa ikut error.

SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Tiket #3 · Solusinya

Pisahkan tugasnya, tinggal panggil

Setiap tugas punya class sendiri
1
Validasi inputStoreParticipantRequest
Form Request
2-3
Simpan peserta + buat kode tiketParticipantService
Service
4-5
Kirim email & WhatsAppTicketNotification
Notification
Controller sekarang · 4 baristipis
public function store(StoreParticipantRequest $request)
{
    $participant = $this->service->register(
        $request->validated()
    );

    return redirect()->route('participants.show', $participant);
}
Tinggal panggil di mana saja
Form pendaftaranInput oleh adminImport ExcelAPI aplikasi

Semua memanggil $service->register() yang sama, tanpa copy-paste.

KebiasaanSatu fungsi, satu tugas. Controller cukup menerima, memanggil, lalu mengembalikan.
SIGNITE 2.0 · Kitalah Programmer Copy-Paste
H
Tiket #4 · Keamanan

Peserta jadi admin

Seorang peserta iseng membuka Inspect Element, menambah satu input, lalu menekan Daftar.

1 · Form di browser
<input name="name">
<input name="email">
<input name="is_admin"
       value="1">
// baris ini ditambah
// sendiri oleh peserta
2 · Kode yang lengahcelah
// Model, "biar praktis"
protected $guarded = [];

// Controller
Participant::create(
    $request->all()
);
?
Apa yang terjadi?Klik / → untuk buka
3 · Perbaikanaman
// Controller
Participant::create(
    $request->validated()
);

// Model
protected $fillable = [
    'name', 'email', 'phone',
];
Kebiasaan jangan percaya input user. Simpan hanya data yang lolos validasi.
Coba di project Anda · cari $guarded = [] dan $request->all() · cek dengan CHECKLIST-REVIEW.md
Tiket #5 · Performa

Lemot H-1 acara

Saat uji coba dengan 10 peserta, semua lancar. H-1 acara, sudah 1.000 peserta, halaman daftar peserta lambat sekali.

1.001

query ke database: 1 untuk peserta, 1 lagi untuk setiap peserta

2

query saja, dengan with()

SebelumN+1
$participants = Participant::all();

@foreach ($participants as $participant)
    {{ $participant->session->title }}
@endforeach
Solusinya?Klik / → untuk buka
Sesudaheager load
$participants = Participant::with('session')->get();
Coba di project Anda · pasang Laravel Debugbar, buka halaman daftar, lihat jumlah query-nya
Angkat tangan

Jujur saja, tidak ada yang menilai.

1

Siapa yang ngga pernah ngoding dibantu ChatGPT, Claude, atau Copilot?

2

Siapa yang pernah dapat kode dari AI, jalan, tapi tidak paham isinya?

Kalau AI yang menulis, siapa yang menjaga kualitas kodenya?

SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Debat 60 detik · jempol ke atas atau ke bawah

Masih wajar ngoding tanpa AI?

Realistis

“Menolak AI hari ini sama seperti menolak Google di tahun 2005.”

Idealis

“Kalau internet mati, berapa baris kode yang masih bisa Anda tulis?”

Realistis

Yang tergantikan bukan programmer, tapi programmer yang tidak paham kodenya sendiri, pakai AI atau tidak

Idealis

“Kalkulator tidak membuat matematika usang. Yang usang adalah orang yang tidak tahu kapan hasilnya salah.”

84%

developer memakai atau berencana memakai AI

46%

justru tidak percaya pada akurasi hasilnya

Realistis soal alat.
Idealis soal pemahaman.
Sumber: Stack Overflow Developer Survey 2025, bagian AI
Tiga level memakai AI

Tiga cara memakai AI untuk ngoding

1
Level 1

AI chat di browser

ChatGPT · Claude · Gemini · DeepSeek

Salin error ke chat, salin jawabannya balik ke editor.

Cara paling cepat:
protected $guarded = [];
Risiko

AI tidak melihat project Anda, jadi jawabannya menebak.

Kebiasaan: pahami dulu, jangan tempel .env atau API key.
2
Level 2

Agent di code editor

Copilot agent · Cursor · Claude Code

Agent membaca project, mengedit banyak file, menjalankan perintah.

✓ mengubah 4 file · ✓ 6 tes lolos
Terima semua
Risiko

Puluhan file berubah sekaligus, bahkan perintah yang menghapus data.

Kebiasaan: commit dulu, baca diff sebelum Terima.
3
Level 3

Agent di cloud, 24 jam

Copilot coding agent · Codex · Jules

Tugas dikirim lewat issue, agent bekerja semalaman, lalu menyerahkan pull request.

02.14 · PR #41 siap direview
Risiko

Pull request datang lebih cepat dari kemampuan Anda mereview.

Kebiasaan: peran Anda bergeser jadi reviewer.
Di level mana pun, yang menekan Paste, Terima, atau Merge tetap Anda.
SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Peta sesi · sejauh ini dan selanjutnya

Supaya copy-paste Anda naik kelas

✓ selesai
00 · Fondasi

Cara web bekerja

Dari browser, kode, database, sampai server.

✓ selesai
01 · Mata

Fundamental backend

Lima tiket masalah nyata di project Laravel.

▸ berikutnya
02 · Saringan

Menilai kode AI

Uji PASTE sebelum menekan Ctrl+V.

03 · Kecepatan

Prompting yang baik

Rumus K-T-A-F, lahir dari pemahaman.

04 · Rasa

Desain tanpa AI slop

Frontend yang punya identitas.

BonusSIGNITE Clean Code Kit, panduan dan aturan AI yang bisa dipasang di code editor Anda.
SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Saringan · kebiasaan sebelum Ctrl+V

Sebelum paste, cek PASTE

Lima pertanyaan untuk setiap kode yang mau di-paste, dari AI, Stack Overflow, atau teman.

Tanyakan✕ Tanda bahaya✓ SeharusnyaDibahas di
P
Paham

Bisakah saya menjelaskan setiap barisnya?

“Pokoknya jalan.”
Tahu fungsi tiap baris dan package-nya
aturan emas
A
Aman

Bisa disalahgunakan user iseng?

$request->all()
$request->validated()
Tiket #4
S
Struktur

Setiap tugas sudah di tempatnya?

1 fungsi, 5 tugas
Dipecah ke class/service
Tiket #3
T
Terbaca

Orang lain paham tanpa bertanya?

$x · status == 3
$participant · Status::Paid
Tiket #1 & #2
E
Efisien

Tetap cepat kalau datanya 1.000?

Query di dalam loop
with('session')
Tiket #5
Satu jawaban “tidak”, jangan paste dulu. Perbaiki, atau minta AI memperbaikinya.
SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Bagian 3 · Kecepatan

Sekarang, AI yang
menulis kodenya.

Vibe coding

Menjelaskan keinginan dengan bahasa sehari-hari, lalu AI yang menulis kodenya. Istilah ini dipopulerkan Andrej Karpathy pada Februari 2025.

Tiket #6 · Vibe coding

Prompt satu kalimat, kodenya jalan.

Prompt Anda

“buatkan fitur pendaftaran dan daftar peserta seminar di laravel”

Jawaban AIjalan ✓
// Model: Participant.php
protected $guarded = [];

// Controller: index()
public function index()
{
    $d = Participant::all();
    return view('peserta', compact('d'));
}

// View: peserta.blade.php
@foreach ($d as $x)
  {{ $x->name }} · {{ $x->session->title }}
@endforeach
// Controller: store()
public function store(Request $request)
{
  $request->validate(['email' => 'required']);
  $p = Participant::create($request->all());
  $p->status = 1;
  $p->code = 'SGN-' . rand(1000, 9999);
  $p->save();
  Mail::to($p->email)->send(new TicketMail($p));
  Http::post(env('WA_URL'), ['to' => $p->phone]);
  return back()->with('success', 'Berhasil daftar!');
}
?
A · Aman

$guarded = [] + all(): bisa jadi admin

?
S · Struktur

store() mengerjakan 5 tugas

?
T · Terbaca

status = 1 itu apa?

?
T · Terbaca

$d, $x, $p tidak jelas

?
E · Efisien

relasi di loop tanpa with()

SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Tiket #6 · Seharusnya

Fitur yang sama, setelah lolos PASTE

Versi yang layak di-pastePASTE ✓
// Model: Participant.php
protected $fillable = ['name', 'email', 'phone']; A
protected function casts(): array
{
    return ['status' => RegistrationStatus::class]; T
}

// Controller: index()
$participants = Participant::with('session') E
    ->paginate(50);

// View
@foreach ($participants as $participant) T
  {{ $participant->session->title }}
@endforeach
// Controller: store()
public function store(StoreParticipantRequest $request) S
{
  $participant = $this->service->register( S
      $request->validated() A
  );

  return redirect()->route('participants.show', $participant);
}

// ParticipantService::register()
$participant = Participant::create([
  ...$data, 'status' => RegistrationStatus::Pending, T
]);
$participant->notify(new TicketIssued($participant)); S
A$fillable + validated(): is_admin ditolak
SValidasi di Form Request, logika di Service
TEnum + nama jelas: $participant
Ewith() + paginate(): 2 query
P · Paham: sekarang setiap barisnya bisa Anda jelaskan
Rumus prompt

K-T-A-F: empat unsur prompt yang baik

K

Konteks

Pakai teknologi apa? Kondisi project seperti apa?

Laravel 13, PHP 8.3, model Participant
T

Tugas

Apa yang ingin dibuat, sejelas mungkin?

Fitur pendaftaran peserta seminar
A

Aturan

Standar apa yang wajib diikuti?

Form Request, Action, Enum, validated()
F

Format

Jawabannya ingin berbentuk apa?

Kode per file + penjelasan singkat
Unsur Aturan hanya bisa ditulis oleh orang yang paham fundamental.
SIGNITE 2.0 · Kitalah Programmer Copy-Paste
A
Tiket #6 · Solusinya: prompt ulang

Fitur yang sama, prompt yang berbeda

K

Saya menggunakan Laravel 13, PHP 8.3, dan MySQL. Sudah ada model Participant (name, email, phone, status).

T

Buatkan fitur pendaftaran peserta seminar.

A

· Validasi di Form Request: nama wajib, email wajib dan unik, nomor HP format Indonesia

· Logika di Action class RegisterParticipant, controller cukup memanggilnya

· Gunakan $request->validated() dan $fillable, jangan $request->all()

· Status memakai Enum RegistrationStatus (pending, paid, cancelled), ikuti PSR-12

F

Tampilkan kode per file beserta path-nya, lalu jelaskan singkat alasan strukturnya.

SIGNITE 2.0 · Kitalah Programmer Copy-Paste

Bisakah orang yang tidak tahu Form Request, Enum, dan mass assignment menulis prompt seperti tadi?

Prompt yang baik lahir dari pemahaman.

Bagian 4 · Rasa

Backend sudah rapi.
Tampilannya masih AI slop?

AI slop

Hasil AI yang dibuat asal jadi: kelihatan rapi, tapi generik, mirip satu sama lain, dan tidak punya identitas.

Tiket #8 · Sebelum

Landing page SIGNITE, versi prompt satu kalimat

signite.test
Unlock Your Potential
with SIGNITE
Elevate your skills and transform your future today.
Get Started →
⚡
Fast
✨
Modern
🚀
10K+ Users
Ciri-ciri yang langsung ketahuan:
✕Gradient ungu-biru sebagai hiasan
✕Kata kosong: “Unlock”, “Elevate”
✕Tiga kartu kembar dengan ikon
✕Angka karangan: “10K+ Users”
✕Tidak ada tanggal, tempat, pembicara
SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Tiket #8 · Sesudah

Mulai dari konten, bukan dari hiasan

signite.test
SIGNITE 2.0, seminar HIMASI BTH
Inside the Web Industry
Sabtu, 24 Oktober 2026, 08.00 · Aula Rektorat BTH, Tasikmalaya
09.10Technical Web Development · Muhammad Rafi Heryadi
09.55Penerapan Bisnis Web Development · Galih Pangestu
10.50Pengumuman INTERFUSE UI/UX Competition
Daftar seminar
✓Konten asli dulu

Tanggal, tempat, dan agenda dari rundown, bukan lorem ipsum.

✓Satu fokus

Judul acara paling besar. Yang lain mengalah.

✓Struktur yang jujur

Agenda memang berurutan, jadi ditampilkan sebagai jadwal.

✓Satu tombol, jelas

“Daftar seminar”, bukan “Get Started”.

SIGNITE 2.0 · Kitalah Programmer Copy-Paste
M
Anti AI slop

Enam hal yang tetap kita putuskan sendiri

1Isi dulu, baru hiasan

Tulis info aslinya dulu: tanggal, tempat, pembicara. Jangan mulai dari teks contoh.

✕ Lorem ipsum dolor sit amet
✓ Sabtu, 24 Okt · Aula BTH
2Satu yang paling penting

Pilih satu hal yang harus dilihat duluan, buat paling besar. Sisanya kecil saja.

✕ DAFTAR · PROMO · INFO
✓ SIGNITE 2.0 info lain kecil
3Cukup dua jenis huruf

Satu untuk judul, satu untuk isi. Lebih dari itu, tampilan jadi ramai.

✕ Aa Aa Aa Aa
✓ Judul + isi
4Warna secukupnya

Satu warna utama, satu warna aksen. Pastikan tulisan tetap terbaca.

✕
✓
5Jarak yang rapi

Yang satu kelompok, taruh berdekatan. Yang beda bagian, beri jarak lebih lebar.

✕
✓
6Pikirkan saat gagal juga

Bagaimana kalau data kosong, loading lama, atau error? AI biasanya cuma membuat tampilan saat semuanya lancar.

KosongLoadingErrorSukses
AI bisa menggambar tampilannya. Yang menentukan rasanya tetap kita.
SIGNITE 2.0 · Kitalah Programmer Copy-Paste
Ingat kasus Replit?

Tulis aturannya sekali, AI patuh setiap hari

Simpan satu file aturan di root project. AI coding assistant akan membacanya otomatis sebelum menulis kode.

AGENTS.mdCodex, Cursor, Copilot, dll.
CLAUDE.mdClaude Code
.github/copilot-instructions.mdGitHub Copilot
.cursor/rules/*.mdcCursor

Semua file ini sudah tersedia di Clean Code Kit.

AGENTS.md (cuplikan)
## Keamanan (wajib)
- Selalu $request->validated().
- Setiap Model wajib punya $fillable.
- JANGAN jalankan migrate:fresh,
  db:wipe, DROP tanpa izin.

## Cara menjawab
- Kode per file lengkap path-nya.
- Jelaskan keputusan desain
  dalam Bahasa Indonesia.
Ambil di kit · AGENTS.md, CLAUDE.md, .github/copilot-instructions.md, .cursor/rules/
I
Satu halaman · foto slide ini

Semua yang Anda bawa pulang

100% gratis
Clean Code Kit
  • CHEATSHEET.md (1 halaman)
  • PANDUAN-CODING.md
  • CHECKLIST-REVIEW.md
  • TEMPLATE-PROMPT.md
  • DESIGN.md
  • CHECKLIST-DEPLOY.md
  • RESOURCES.md (link tools)
  • AGENTS.md · CLAUDE.md
  • contoh-kode/ + 5 tes

Salin ke project Laravel Anda sendiri.

Prompt siap pakai
FiturKonteks + Tugas + Aturan + Format. Aturan: Form Request, Service, Enum, validated().
Review“Jelaskan kode ini, lalu sebut 3 cara kode ini bisa gagal. Cek dengan PASTE.”
Debug“Ini error dan file terkait. Jelaskan penyebabnya dulu, jangan langsung beri kode.”
DesainKonten asli, palet 2 warna, 2 font, dan daftar larangan anti AI slop.
Tools gratis
  • Laravel Debugbar
  • composer audit
  • Pint · Larastan
  • Laravel Boost
  • Lighthouse
  • WebAIM Contrast Checker
  • GitHub Student Pack
  • 3v4l.org · Hoppscotch
  • Learn Git Branching
Panduan web
  • Panduan Vibe Coding
  • satu halaman, buka dari HP
  • Master prompt builder
  • Cek PASTE interaktif
  • Pemindai tanda bahaya
  • Checklist deploy
  • Rumus K-T-A-F · PASTE
QR code unduh Clean Code Kit
Unduh semuanya
acesse.one/7jr9pia

Yang tidak bisa diunduh cuma satu:
kebiasaan cek PASTE.

Misi hari ini · jawab sekarang

Sudah ketemu katanya?

?
P
?
A
?
H
?
A
?
M
?
I
Lalu, pertanyaan untuk diri sendiri

Kode apa yang terakhir kali Anda paste tanpa benar-benar Anda PAHAMI?

Jadi, kitalah programmer copy-paste

Copy-paste itu boleh.

Paste tanpa paham, jangan.

01

AI mempercepat tangan.
Fundamental melatih mata.

02

AI boleh menulis kodenya.
Nama kita yang tertulis di commit-nya.

03

Kecepatan tanpa pemahaman
hanya mempercepat kesalahan.

mulai-hari-ini.php
// sebelum Ctrl+V, mulai hari ini
if ($kita->paham($kode)) {
    paste($kode);
}

Jadilah programmer yang memimpin AI,
bukan yang digantikan olehnya.

Sesi tanya jawab

Terima kasih.

Muhammad Rafi Heryadi
Astacode.id@muhammad_rafi94
QR code unduh Clean Code Kit: acesse.one/7jr9pia

Unduh Clean Code Kit

acesse.one/7jr9pia
01 / 43

Semua slide · klik untuk lompat

Pintasan keyboard
→SpaceKlikBerikutnya / buka langkah berikut
←BackspaceSebelumnya
FLayar penuh
ORingkasan semua slide
NCatatan pembicara + timer
LLaser pointer
BLayar hitam (jeda)
HomeEndSlide pertama / terakhir
?Tampilkan bantuan ini