Blade adalah template engine Laravel yang memadukan HTML dengan directive ringkas. Section ini membahas cara menampilkan data, kontrol alur, layout dan component yang reusable, penanganan form dengan old input, hingga perlindungan CSRF.

# Pengenalan View

Pahami konsep view dalam MVC dan cara controller mengirim data ke berkas Blade.

Buka → # Blade Template

Kenali sintaks dasar Blade: {{ }} untuk echo, directive @, dan kompilasi menjadi kode PHP biasa.

Buka → # Menampilkan Data

Tampilkan data scalar, array, dan object di Blade dengan echo, {{ $x }}, dan directive khusus.

Buka → # Blade Directives

Gunakan directive umum seperti @if, @foreach, @auth, @once, dan @production dalam template.

Buka → # Conditional Rendering

Susun tampilan bersyarat dengan @if, @unless, @isset, dan @empty beserta alternatifnya.

Buka → # Looping di Blade

Tampilkan koleksi dengan @foreach, $loop variable, @forelse, dan @while.

Buka → # Template Inheritance

Turunkan layout dasar dengan @extends, @section, dan @yield untuk halaman yang konsisten.

Buka → # Layouts dan Sections

Susun layout utama dan bagian @section yang bisa diisi maupun diberi default oleh halaman anak.

Buka → # Components

Bangun komponen x-button, x-alert, dan component berbasis class dengan logic mandiri.

Buka → # Slots dan Attributes

Kirim konten turunan lewat $slot dan attribute tambahan lewat $attributes pada component.

Buka → # Forms dan Old Input

Bangun form dengan @csrf, isi ulang nilai input dengan old(), dan tampilkan validasi error.

Buka → # CSRF Protection

Pahami serangan CSRF dan cara Blade directive @csrf melindungi form aplikasi Anda.

Buka → # Blade Stacks

Kumpulkan CSS dan JavaScript dari partial ke @stack agar tetap rapi di layout utama.

Buka → # UI yang Reusable

Rancang antarmuka reusable: partial, component dengan variant, dan pola composing UI.

Buka →