Daftar Isi Utama

• Lihat indeks lengkap di [01. Pengenalan]

Panduan ini untuk siapa

• Pembelajar yang sudah menuntaskan panduan dan ingin jaga momentum
• Pemula yang mau pindah dari “mode belajar” ke “mode shipping”
• Siapa pun yang butuh langkah lanjut yang jelas, bukan lompat tutorial terus

Apa yang akan Anda pelajari

• Cara memilih resource lanjutan tanpa bikin overwhelm
• Cara menyusun rencana 30–60 hari yang fokus ke portfolio
• Cara meningkatkan skill dengan latihan yang terarah dan repeatable

Mengapa topik ini penting

Menyelesaikan panduan ini adalah milestone, bukan garis finish.

Pertumbuhan Anda setelah ini sangat ditentukan oleh konsistensi, kemampuan menuntaskan project, dan kualitas feedback loop. Bab ini bantu mengubah ilmu jadi output yang siap dipakai untuk karier.

Konsep inti

Learning roadmap

• Pilih satu track fokus (frontend/full-stack)
• Gunakan target bulanan dan milestone mingguan

Fokus selalu lebih kuat daripada multitasking.

Strategi portfolio

• Bangun 2–3 project yang bermakna
• Tunjukkan masalah, solusi, arsitektur, dan trade-off

Portfolio yang kuat menunjukkan kualitas keputusan teknis, bukan cuma screenshot UI.

Persiapan interview

• Review fundamental JavaScript, TypeScript, dan React
• Latih penjelasan keputusan teknis dan debugging approach

Kesiapan interview itu kombinasi komunikasi teknis dan kejelasan cara berpikir.

Panduan langkah demi langkah

Langkah 1 — Audit kekuatan dan gap Anda

Buat dua daftar:

• topik yang sudah bisa Anda jelaskan dengan percaya diri,
• topik yang masih terasa lemah.

Langkah 2 — Susun rencana 30–60 hari

Susun siklus belajar dengan checkpoint mingguan:

• implementasi project,
• review dan refactor,
• latihan ala interview.

Langkah 3 — Bangun feedback loop publik

Bagikan progres, minta feedback yang spesifik, lalu iterasi dengan sengaja.

Target: lebih banyak yang selesai, refleksi lebih tajam, progres lebih cepat.

Contoh praktis

Contoh 1 — Ide rencana 30 hari

• Minggu 1: rapikan satu project React + TS
• Minggu 2: tambah testing dan deployment
• Minggu 3: tambah integrasi backend
• Minggu 4: refactor + dokumentasi portfolio

Tip:

• Jaga scope mingguan tetap kecil supaya benar-benar selesai.

Contoh 2 — Outline studi kasus project

• Problem statement
• Keputusan teknologi dan alternatifnya
• Outcome dan pelajaran yang didapat

Format ini bisa dipakai di README atau posting portfolio agar karya Anda lebih menonjol.

Kesalahan umum dan cara menghindarinya

• Mulai terlalu banyak project sekaligus -> tuntaskan project kecil lebih dulu
• Belajar pasif tanpa shipping -> prioritaskan implementasi dan penyelesaian
• Mengabaikan dokumentasi -> tulis README dan catatan arsitektur yang jelas
• Hanya mengukur jam belajar -> ukur juga output yang benar-benar selesai

Mini Project

• Buat dan jalankan rencana capstone dengan:
• scope yang jelas,
• milestone mingguan,
• target tanggal,
• checklist demo/readme.

Bonus:

• Publish satu progress update tiap minggu.

Latihan cepat

• Buat roadmap belajar 30 hari ke depan
• Definisikan scope MVP untuk satu ide project
• Tulis draft singkat studi kasus untuk portfolio
• Pilih tiga role/perusahaan target lalu mapping gap skill Anda

Ringkasan utama

• Eksekusi yang konsisten lebih penting daripada semangat sesaat
• Project yang selesai lebih bernilai daripada jejak tutorial yang tidak selesai
• Refleksi dan dokumentasi mempercepat growth dalam jangka panjang

Langkah berikutnya

• Kembali ke [JavaScript Learning Guide].