# Blade Templates (Laravel)

> Sintaks Blade, directives, layouts, components, slots, includes, conditional rendering, loops

- 18 pertanyaan wawancara
- Junior
- [Pertanyaan Wawancara: Laravel](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara.md)

## 1. Sintaks Blade mana yang menampilkan variabel sambil secara otomatis melakukan escape pada karakter HTML untuk mencegah kerentanan XSS?

**Jawaban**

Sintaks {{ $variable }} secara otomatis melakukan escape pada karakter HTML menggunakan htmlspecialchars, melindungi dari serangan XSS. Selalu gunakan {{ }} secara default untuk menampilkan data pengguna, kecuali jika Anda secara eksplisit perlu menampilkan HTML tanpa escape dengan {!! !!}.

## 2. Apa perbedaan utama antara {{ $html }} dan {!! $html !!}?

**Jawaban**

{{ $html }} secara otomatis melakukan escape pada karakter HTML untuk mencegah injeksi XSS, sedangkan {!! $html !!} menampilkan konten mentah tanpa escape. Gunakan {!! !!} hanya untuk menampilkan HTML tepercaya, seperti konten yang dibuat secara internal atau divalidasi. Jangan pernah menampilkan data pengguna dengan {!! !!}.

## 3. Bagaimana cara mewarisi layout induk pada template Blade anak?

**Jawaban**

Direktif @extends('layouts.app') memungkinkan template anak mewarisi layout induk. Direktif ini harus menjadi baris pertama dalam file Blade. Kemudian gunakan @section untuk mendefinisikan konten bagi section yang dideklarasikan dengan @yield pada layout induk.

## 15 pertanyaan lagi tersedia

- Direktif Blade mana yang mendefinisikan placeholder dalam layout induk yang akan diisi oleh template anak?
- Bagaimana cara menyertakan file Blade parsial ke dalam sebuah template?

Daftar gratis: https://sharpskill.dev/id/login

## Topik wawancara Laravel lainnya

- [Dasar-Dasar PHP](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/php-basics.md): 25 pertanyaan, Junior
- [Dasar OOP PHP](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/php-oop-essentials.md): 20 pertanyaan, Junior
- [Composer & Autoloading](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/composer-autoloading.md): 18 pertanyaan, Junior
- [Dasar-Dasar Laravel](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/laravel-fundamentals.md): 20 pertanyaan, Junior
- [Routing Laravel](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/laravel-routing.md): 20 pertanyaan, Junior
- [Request & Response](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/request-response.md): 20 pertanyaan, Junior
- [Dasar-Dasar Eloquent ORM](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/eloquent-orm-basics.md): 22 pertanyaan, Junior
- [Eloquent Relationships](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/eloquent-relationships.md): 25 pertanyaan, Mid-Level
- [Migrations & Schema Builder](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/database-migrations.md): 20 pertanyaan, Mid-Level
- [Validasi & Formulir](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/validation-forms.md): 22 pertanyaan, Mid-Level
- [Autentikasi](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/authentication.md): 20 pertanyaan, Mid-Level
- [Otorisasi & Policies](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/authorization-policies.md): 18 pertanyaan, Mid-Level
- [API Resources & Authentication](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/api-resources-authentication.md): 26 pertanyaan, Mid-Level
- [Middleware](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/middleware.md): 18 pertanyaan, Mid-Level
- [Service Container & DI](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/service-container-di.md): 20 pertanyaan, Mid-Level
- [Queues & Jobs](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/queues-jobs.md): 22 pertanyaan, Mid-Level
- [Events & Listeners](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/events-listeners.md): 18 pertanyaan, Mid-Level
- [Notifikasi & Mail](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/notifications-mail.md): 20 pertanyaan, Mid-Level
- [File Storage](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/file-storage.md): 18 pertanyaan, Mid-Level
- [Testing & PHPUnit](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/testing-phpunit.md): 24 pertanyaan, Mid-Level
- [Caching](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/caching.md): 18 pertanyaan, Mid-Level
- [Livewire & Inertia](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/livewire-inertia.md): 20 pertanyaan, Mid-Level
- [Eloquent Advanced](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/eloquent-advanced.md): 24 pertanyaan, Senior
- [Repository Pattern](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/repository-pattern.md): 20 pertanyaan, Senior
- [Laravel Packages](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/laravel-packages.md): 20 pertanyaan, Senior
- [Performance Optimization](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/performance-optimization.md): 22 pertanyaan, Senior
- [Security Best Practices](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/security-best-practices.md): 22 pertanyaan, Senior
- [Laravel Octane](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/laravel-octane.md): 18 pertanyaan, Senior
- [Laravel Distributed Systems](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/laravel-distributed-systems.md): 22 pertanyaan, Senior
- [Observability & Monitoring](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/observability-monitoring.md): 20 pertanyaan, Senior
- [Deployment & DevOps](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/deployment-devops.md): 20 pertanyaan, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/blade-templates