Fase 1 - Minggu 1: Basic Laravel & MVC
Minggu pertama akan menjadi langkah awal untuk memahami ekosistem pengembangan backend menggunakan Laravel. Anda akan mengupas cara kerja fundamental dari Routing, Controller, dan tampilan antarmuka (Blade view).
Tujuan (Goal) Minggu 1
- Menguasai instalasi Laravel dan struktur direktorinya.
- Mampu membedakan konsep Model, View, dan Controller (MVC) secara jelas.
- Mampu membuat halaman statis dan dinamis dasar (membaca data dari routing dan mengirimkannya ke view).
Materi yang Dipelajari
Day 1: Instalasi & Arsitektur
- Download Composer & PHP.
- Mempelajari command
composer create-project laravel/laravel namaproject. - Penjelasan apa itu Artisan (
php artisan serve).
Day 2: Konsep MVC & Routing
- Cara jalan file
routes/web.php. - Perbedaan Route
GETdanPOST. - Memahami alur kerja MVC: Route -> Controller -> Model -> Controller -> View.
- Cara jalan file
Day 3: Controller & Parameter
- Pembuatan Controller baru dengan Artisan (
php artisan make:controller). - Cara menangkap parameter URI (
{id}). - Memisahkan logika atau fungsi (Business logic) dari routing.
- Pembuatan Controller baru dengan Artisan (
Day 4: Pembuatan Tampilan dengan Blade Template
- Sintaks dasar Blade ekosistem (
{},@if,@foreach). - Pembuatan Layouts / Templates (
@extends,@section,@yield).
- Sintaks dasar Blade ekosistem (
Day 5: Review & Mini Latihan Terpadu
- Integrasi semua konsep: membuat 3-4 halaman web informasi yang ditautkan melalui Navigation bar sedehana.
Task Harian (Day 1 - 5)
- [Day 1] Lakukan setup environment pada setiap laptop anggota, install
XAMPP(atau tools sejenis) dan Composer. Pastikan Laravel versi terbaru (10/11) berhasil di serve. - [Day 2] Buat 2 routing dinamis sederhana untuk halaman "Tentang Kami" dan "Kontak". Berikan argumen array melalui route.
- [Day 3] Refactor route pada Day 2 ke dalam sebuah Controller (misal:
PageController). - [Day 4] Bangun satu layout master di
resources/views/layouts/app.blade.php. Buat halaman utama ("Home") yang me-extend layout master tersebut. - [Day 5] Mengaitkan seluruh halaman dengan menu navigasi yang fungsional (Semua link dapat di-klik tanpa error 404).
Output yang Diharapkan
- Lingkungan kerja Developer (IDE VSCode, PHP, Browser) telah berhasil di setup.
- Peserta sudah merasa familier dengan membuat route URL baru dan menghubungkannya dengan controller dan blade file.
- Sebuah mini project statis (Web Portofolio atau Company Profile statis) dengan setidaknya 3 Halaman berbeda berhasil berjalan lancar.