Learning Path

Berikut adalah peta perjalanan belajar yang direkomendasikan. Ikuti dari atas ke bawah — setiap bagian membangun fondasi untuk bagian berikutnya.

Estimasi Waktu

Total waktu belajar sekitar 12–16 minggu dengan pace 1–2 jam per hari. Sesuaikan dengan kecepatanmu sendiri — tidak ada yang terburu-buru! 🏃‍♂️

🚀 Shortcut untuk yang Sudah Paham PHP

Kalau kamu sudah menguasai PHP dan OOP, kamu bisa langsung loncat ke Phase 5: Jembatan ke Laravel lalu lanjut ke Phase 6: Laravel Hands-On. Materi di Phase 1–4 bisa dijadikan referensi saja.

🚀 Phase 1: Persiapan (Minggu 1)

Siapkan alat tempur dan pahami cara kerja internet.

#	Materi	Topik Utama	Durasi
1	Setup Tools	VS Code, Laravel Herd, Browser DevTools	1 jam
2	Cara Kerja Web	HTTP, Client-Server, DNS, URL	30 menit
3	Debugging	Console, var_dump, error reading	30 menit

Setelah phase ini kamu bisa: Install tools, menjalankan file PHP pertamamu, dan paham alur request browser → server → response.

📄 Phase 2: Frontend Dasar (Minggu 2–3)

Belajar membuat tampilan website — struktur, styling, dan interaktivitas.

HTML — Struktur Halaman

#	Materi	Topik Utama	Durasi
4	Dasar HTML	Tag, elemen, heading, paragraf, link, gambar	2 jam
5	Semantic HTML	Header, nav, main, article, footer, SEO	1 jam
6	Tabel & Form	Table, input, select, textarea, label	2 jam

CSS — Tampilan & Layout

#	Materi	Topik Utama	Durasi
7	Dasar CSS	Selector, property, warna, font, box model	2 jam
8	Layout	Flexbox, Grid, positioning	3 jam
9	Responsive Design	Media query, mobile-first, viewport	2 jam

JavaScript — Interaktivitas

#	Materi	Topik Utama	Durasi
10	Dasar JavaScript	Variabel, function, array, loop, kondisi	3 jam
11	DOM Manipulation	querySelector, event listener, innerHTML	2 jam
12	Form Validation	Validasi client-side, regex, UX feedback	2 jam

Setelah phase ini kamu bisa: Membuat halaman web statis yang cantik, responsif, dan interaktif.

🐘 Phase 3: Backend dengan PHP & Database (Minggu 4–7)

Masuk ke server-side — PHP memproses data, MySQL menyimpannya.

Dasar PHP

#	Materi	Topik Utama	Durasi
13	Dasar PHP	Variabel, tipe data, function, array, loop	3 jam
14	Form Handling	`$_GET`, `$_POST`, validasi server-side	2 jam

Database MySQL

#	Materi	Topik Utama	Durasi
15	Koneksi Database	PDO, prepared statement, CRUD dasar	3 jam
16	SQL Lanjutan	JOIN, aggregate, subquery, indexing	2 jam
17	Relasi Database	One-to-many, many-to-many, foreign key	2 jam

Aplikasi Web PHP

#	Materi	Topik Utama	Durasi
18	CRUD Lengkap	Create, Read, Update, Delete + UI	3 jam
19	Pagination	Halaman data, LIMIT OFFSET, navigasi	1 jam
20	Upload File	File upload, validasi tipe/ukuran, keamanan	2 jam
21	Helper Functions	Reusable functions, include, require	1 jam
22	Error Handling	try-catch, exception, error logging	1 jam
23	Session & Auth	Login, logout, session, cookie	3 jam
24	Project Akhir	Aplikasi Buku Tamu (Full CRUD + Auth)	4 jam

Setelah phase ini kamu bisa: Membuat aplikasi web PHP lengkap dengan database, login, CRUD, dan file upload.

🎯 Phase 3.5: Project Praktik (Minggu 7)

Gabungkan semua skill di project nyata.

#	Materi	Topik Utama	Durasi
25	Toko Online — Bagian 1	Setup database, struktur folder, halaman produk	3 jam
26	Toko Online — Bagian 2	Keranjang belanja, checkout, order	3 jam
27	Toko Online — Bagian 3	Admin panel, dashboard, laporan	3 jam

Setelah phase ini kamu bisa: Membuat e-commerce mini yang fungsional dari nol.

⚡ Phase 4: PHP Modern & Keamanan (Minggu 8–9)

Tingkatkan skill ke level profesional — fitur modern PHP, security, dan arsitektur.

PHP Modern

#	Materi	Topik Utama	Durasi
28	PHP 8.x Modern	`match`, named args, `enum`, `readonly`, nullsafe	2 jam
29	Type System	Type hints, `strict_types`, type juggling	2 jam
30	Date & Time	DateTime, timezone, format Indonesia	1 jam

Keamanan Web

#	Materi	Topik Utama	Durasi
31	Keamanan Password	`password_hash()`, bcrypt, rehash	1 jam
32	Validasi & Sanitasi	XSS, `filter_var()`, `htmlspecialchars()`	2 jam
33	Auth vs Authorization	RBAC, middleware, role-based access	2 jam

Arsitektur

#	Materi	Topik Utama	Durasi
34	Front Controller	Single entry point, routing, `.htaccess`	2 jam
35	Environment & Config	File `.env`, dev vs prod, secret management	1 jam

Setelah phase ini kamu bisa: Menulis kode PHP yang aman, modern, dan siap production.

🌉 Phase 5: Jembatan ke Laravel (Minggu 10–12)

Konsep-konsep kunci yang akan kamu temui setiap hari di Laravel.

OOP Lanjutan

#	Materi	Topik Utama	Durasi
36	OOP Dasar	Class, object, property, method, inheritance	3 jam
37	Interface & Abstract	Kontrak, `implements`, abstract template	2 jam
38	Trait	Code reuse horizontal, multiple traits	2 jam
39	Namespace & Autoloading	PSR-4, `use`, Composer autoload	2 jam
40	Design Patterns	Singleton, Factory, Repository	2 jam

Framework Transition

#	Materi	Topik Utama	Durasi
41	MVC Pattern	Model-View-Controller, separation of concerns	2 jam
42	Composer	Package manager, autoloading, Packagist	1 jam
43	Intro Laravel	Install, Artisan, Eloquent, Blade	2 jam
44	API Dasar	REST, JSON, `fetch()`, HTTP status codes	2 jam

Setelah phase ini kamu bisa: Memahami OOP advanced, design patterns, dan arsitektur Laravel — siap memperdalam framework secara mandiri.

🔥 Phase 6: Laravel Hands-On (Minggu 13–16)

Saatnya menulis kode Laravel! Bangun fitur nyata dengan best practices dari 9 buku referensi Laravel.

Fitur Inti Laravel

#	Materi	Topik Utama	Durasi
45	Validasi Laravel	Form Requests, validation rules, error display, mass assignment	2 jam
46	Otentikasi Laravel	Breeze, login, register, policies, password hashing	3 jam
47	Middleware	Built-in middleware, custom middleware, parameter guards	2 jam
48	Resource Controller	7-method CRUD, route model binding, named routes	2 jam

Testing & API

#	Materi	Topik Utama	Durasi
49	Testing dengan Pest	Feature test, assertions, TDD workflow	3 jam
50	Laravel API	API routes, Resources, Sanctum, HTTP Client	3 jam

Setelah phase ini kamu bisa: Membuat aplikasi Laravel lengkap dengan validasi, auth, middleware, CRUD, testing, dan API — siap untuk project dunia nyata!

🗺️ Peta Visual

Minggu 1        Minggu 2-3         Minggu 4-7           Minggu 8-9        Minggu 10-12       Minggu 13-16
─────────       ──────────         ──────────           ──────────        ────────────       ────────────

🚀 PERSIAPAN    📄 HTML            🐘 PHP & DATABASE    ⚡ PHP MODERN     🌉 OOP LANJUTAN    🔥 LARAVEL
  Setup Tools     Dasar HTML         Dasar PHP            PHP 8.x           Interface           Validasi
  Cara Kerja      Semantic           Form Handling        Type System       Trait               Auth
  Debugging       Tabel & Form       Database MySQL       Date/Time         Namespace           Middleware
                                     SQL Lanjutan                           Design Patterns     Resource Ctrl
                🎨 CSS               Relasi DB          🔐 KEAMANAN                            Testing Pest
                  Dasar CSS          CRUD                 Password        🚀 INTRO LARAVEL     Laravel API
                  Layout             Pagination           Validasi          MVC
                  Responsive         Upload File          Auth/Authz        Composer
                                     Helper Functions                       Intro Laravel
                ⚡ JAVASCRIPT        Error Handling     🏗️ ARSITEKTUR      API Dasar
                  Dasar JS           Session & Auth       Front Controller
                  DOM                Project Akhir        .env Config
                  Form Validasi
                                   🎯 PROJECT
                                     Toko Online 1-3

🚀 Jalur Cepat untuk yang Sudah Paham PHP

Sudah paham PHP & OOP? ──→ Phase 5 (OOP Lanjutan) ──→ Phase 6 (Laravel Hands-On)
                              Minggu 1-3                   Minggu 4-7

🎧 Learning Resources

Selain membaca materi teks, kamu juga bisa belajar melalui multimedia:

Resource	Deskripsi	Link
🎙️ Podcast	Audio deep-dive tentang arsitektur Laravel	Dengarkan →
📖 Study Guide	Panduan belajar terstruktur	Baca →
📝 Quiz	Uji pemahamanmu	Kerjakan →
🃏 Flashcards	Review cepat konsep-konsep penting	Review →

💡 Tips Belajar

Jangan Loncat-Loncat!

Materi disusun secara berurutan. Setiap halaman membangun di atas konsep sebelumnya. Jika kamu skip, halaman selanjutnya mungkin terasa membingungkan.

Ketik ulang, jangan copy-paste — Mengetik kode sendiri membantu otak mengingat syntax
Eksperimen — Ubah contoh kode, lihat apa yang terjadi. Salah itu bagus!
Baca error message — Error PHP itu informatif, jangan langsung panik
Buat catatan — Tulis ulang konsep dengan bahasamu sendiri
Istirahat — Kalau stuck, jalan-jalan dulu. Serius, ini membantu 🧠
Dengarkan podcast 🎧 — Sambil commute atau istirahat, dengarkan podcast Laravel untuk memperkuat pemahaman

Mulai Sekarang!

Sudah siap? Mari mulai dari Setup Tools →

Atau kalau kamu sudah paham PHP: langsung ke OOP Dasar →

#Learning Path

#🚀 Phase 1: Persiapan (Minggu 1)

#📄 Phase 2: Frontend Dasar (Minggu 2–3)

#HTML — Struktur Halaman

#CSS — Tampilan & Layout

#JavaScript — Interaktivitas

#🐘 Phase 3: Backend dengan PHP & Database (Minggu 4–7)

#Dasar PHP

#Database MySQL

#Aplikasi Web PHP

#🎯 Phase 3.5: Project Praktik (Minggu 7)

#⚡ Phase 4: PHP Modern & Keamanan (Minggu 8–9)

#PHP Modern

#Keamanan Web

#Arsitektur

#🌉 Phase 5: Jembatan ke Laravel (Minggu 10–12)

#OOP Lanjutan

#Framework Transition

#🔥 Phase 6: Laravel Hands-On (Minggu 13–16)

#Fitur Inti Laravel

#Testing & API

#🗺️ Peta Visual

#🎧 Learning Resources

#💡 Tips Belajar

#Mulai Sekarang!