Belajar Web Development

Pengenalan Laravel

Selamat! Kamu sudah melewati perjalanan panjang dari HTML, CSS, JavaScript, PHP Native, Database, OOP, MVC, hingga Composer.

Sekarang, saatnya berkenalan dengan Laravel — framework PHP paling populer di dunia, dan alasan utama banyak orang (termasuk kamu) belajar PHP hari ini.

1. Apa itu Laravel?

Laravel adalah Framework PHP.

Framework ibarat sebuah rumah setengah jadi. Fondasinya sudah ada, saluran air (database) sudah terpasang, jalur listrik (routing) sudah diatur, sistem keamanan (autentikasi) sudah dipasang. Tugasmu hanyalah mendekorasi interior dan menambahkan ruangan (fitur) sesuai kebutuhanmu.

Daripada menulis koneksi database dari nol, mengatur session login, atau menangani keamanan file upload secara manual (seperti yang kita lakukan di PHP Native), Laravel sudah menyediakan semuanya secara elegan.

2. Mengapa Laravel?

Mengapa perusahaan teknologi, startup, dan freelancer sangat menyukai Laravel?

  1. Arsitektur MVC yang Rapi Memisahkan logika database, tampilan, dan alur aplikasi.
  2. Eloquent ORM (Keajaiban Database) Berinteraksi dengan database tanpa perlu menulis query SQL mentah.
  3. Blade Template Engine Membuat penulisan HTML dan PHP di bagian View menjadi sangat bersih.
  4. Artisan CLI Asisten terminal yang bisa membuat class, controller, dan model secara otomatis.
  5. Ekosistem Raksasa Mulai dari Laravel Herd (yang kamu pakai), Forge, Nova, Vapor, hingga komunitas developer yang luar biasa besar dan dokumentasi yang sangat lengkap.

3. Perbandingan: PHP Native vs Laravel

Mari kita lihat bagaimana Laravel membuat hidup developer lebih mudah.

Kasus: Menampilkan semua produk dari database

Di PHP Native (Cara Lama):

<?php
// 1. Koneksi manual (rawan lupa)
$pdo = new PDO("mysql:host=localhost;dbname=toko", "root", "");

// 2. Query manual (SQL injection risk jika tidak hati-hati)
$stmt = $pdo->query("SELECT * FROM produk WHERE status = 'aktif'");
$produkList = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>

<!-- 3. Tampilan campur kode PHP berantakan -->
<ul>
    <?php foreach($produkList as $produk): ?>
        <li>
            <?php echo htmlspecialchars($produk['nama_produk']); ?> - 
            Rp <?php echo number_format($produk['harga'], 0, ',', '.'); ?>
        </li>
    <?php endforeach; ?>
</ul>

Di Laravel (Cara Modern):

  1. Bagian Controller (ProdukController.php):
public function index() {
    // Ambil data (TIDAK PERLU SQL! Ini disebut Eloquent)
    $produkList = Product::where('status', 'aktif')->get();
    
    // Lempar ke tampilan (View)
    return view('produk.index', compact('produkList'));
}
  1. Bagian Tampilan / View (produk/index.blade.php):
<!-- Otomatis aman dari XSS, dan syntax sangat bersih! -->
<ul>
    @foreach($produkList as $produk)
        <li>{{ $produk->nama_produk }} - Rp {{ number_format($produk->harga, 0, ',', '.') }}</li>
    @endforeach
</ul>

Sangat jauh lebih bersih, bukan?

4. Install Laravel Pertamamu!

Karena kamu sudah menginstal Laravel Herd, membuat project Laravel baru itu sangat amat mudah.

Buka Terminal (Mac) atau PowerShell (Windows), masuk ke folder tempat belajarmu, lalu ketik:

# 1. Pindah ke folder Herd
cd ~/Herd

# 2. Buat project Laravel baru bernama "toko-keren"
laravel new toko-keren

Akan muncul beberapa pertanyaan (seperti pilihan database, testing, dll). Untuk saat ini, tekan Enter saja pada semua opsi (pilih yang default).

Tunggu beberapa saat sampai Composer mendownload semua file Laravel.

5. Menjalankan Laravel

Jika proses install selesai, kamu tidak perlu menjalankan php artisan serve atau setting apapun! (Ini adalah keajaiban Laravel Herd).

Buka browser kamu, lalu ketik:

👉 http://toko-keren.test

Kamu akan melihat halaman sambutan cantik dari Laravel. Selamat! Kamu resmi memiliki aplikasi web modern yang berjalan di komputermu.

Penutup

Perjalanan belajarmu di materi ini telah selesai! Kamu telah membangun fondasi yang sangat kuat.

Langkahmu selanjutnya adalah fokus memperdalam Laravel. Jika kamu sudah menguasai Laravel, tidak ada website (mulai dari Company Profile, E-Commerce, Sistem Informasi, hingga API Aplikasi Mobile) yang tidak bisa kamu buat.

Selamat ngoding, dan selamat datang di dunia Web Development! 🚀