W2 Debugging & Problem-Solving Workshop

Objectives

• Error message itu informasi, bukan musuh
• Bisa baca error, pakai Chrome DevTools, nanya ke AI dengan efektif
• Mengurangi ketergantungan ke mentor

Pre-work

Materi	Format	Durasi
Error messages: kenapa itu MEMBANTU	Artikel	15 min
Jenis error: syntax, runtime, logic	Artikel	15 min
Chrome DevTools overview: Console, Network, Elements	Video	20 min
Cara bertanya ke AI yang efektif saat stuck	Artikel	10 min

Konsep: Mental Model Debugging

Error itu bukan kegagalan. Error itu informasi. Computer memberitahu kamu exactly what went wrong, di line berapa, kenapa.

3 jenis error yang akan kamu temui:

1. Syntax Error — typo, kurung ketinggalan. Paling mudah difix.
2. Runtime Error — code jalan, tapi crash di tengah. Contoh: Cannot read property of null.
3. Logic Error — code jalan tanpa error, tapi hasilnya salah. Paling tricky.

?

Quiz

Error `Cannot read property 'name' of null` artinya...

AVariabel 'name' belum didefinisikanBObject yang kamu akses ternyata null/kosongCBrowser tidak support property 'name'DFile JavaScript tidak ter-load

Live Session

0-10 min

Diskusi pre-work — pengalaman pertama sama error

10-30 min

Live demo — baca error messages, navigasi stack trace

30-50 min

Hands-on: 5 prepared error scenarios — peserta debug sendiri

50-65 min

Chrome DevTools deep dive — Console, Network, Elements

65-80 min

Workshop: Cara nanya ke AI yang bener pas stuck — prompt patterns

80-90 min

Wrap-up — mental model: error = info, bukan musuh

Guided Questions

✎

Guided Question

Pikirin terakhir kali ketemu error (bukan coding). Apa reaksi pertama? Apa yang akhirnya kamu lakuin?

Tulis jawabanmu di Obsidian vault.

✎

Guided Question

Buka Chrome DevTools di website favorit (F12). Cek Console dan Network tab. Ada pesan apa?

Tulis jawabanmu di Obsidian vault.

Post-work

Progress0/2

Debug 3 broken code snippets — tulis penjelasan error dan cara fixSetup Chrome DevTools shortcut di browser

Output: Peserta paham debugging mental model. Bisa baca error, pakai DevTools, nanya ke AI efektif.