# Blade Templates (Laravel)

> ไวยากรณ์ Blade, directives, layouts, components, slots, includes, การ render แบบมีเงื่อนไข, loops

- 18 คำถามสัมภาษณ์
- Junior
- [คำถามสัมภาษณ์: Laravel](https://sharpskill.dev/th/technologies/laravel/interview-questions.md)

## 1. ไวยากรณ์ Blade ใดที่แสดงตัวแปรพร้อมกับ escape อักขระ HTML โดยอัตโนมัติเพื่อป้องกันช่องโหว่ XSS?

**คำตอบ**

ไวยากรณ์ {{ $variable }} จะ escape อักขระ HTML โดยอัตโนมัติด้วย htmlspecialchars เพื่อป้องกันการโจมตี XSS ควรใช้ {{ }} เป็นค่าเริ่มต้นเสมอในการแสดงข้อมูลของผู้ใช้ ยกเว้นเมื่อจำเป็นต้องแสดง HTML ที่ไม่ถูก escape อย่างชัดเจนด้วย {!! !!}

## 2. ความแตกต่างหลักระหว่าง {{ $html }} และ {!! $html !!} คืออะไร?

**คำตอบ**

{{ $html }} จะ escape อักขระ HTML โดยอัตโนมัติเพื่อป้องกันการโจมตี XSS ในขณะที่ {!! $html !!} จะแสดงเนื้อหาดิบโดยไม่ escape ใช้ {!! !!} เฉพาะกับการแสดง HTML ที่เชื่อถือได้เท่านั้น เช่น เนื้อหาที่สร้างขึ้นภายในหรือผ่านการตรวจสอบแล้ว อย่าแสดงข้อมูลของผู้ใช้ด้วย {!! !!} เด็ดขาด

## 3. จะสืบทอดจากเลย์เอาต์แม่ในเทมเพลต Blade ลูกได้อย่างไร?

**คำตอบ**

ไดเรกทีฟ @extends('layouts.app') ช่วยให้เทมเพลตลูกสืบทอดจากเลย์เอาต์แม่ได้ และต้องเป็นบรรทัดแรกของไฟล์ Blade จากนั้นใช้ @section เพื่อกำหนดเนื้อหาให้กับส่วนที่ประกาศไว้ด้วย @yield ในเลย์เอาต์แม่

## มีอีก 15 คำถาม

- ไดเรกทีฟ Blade ใดที่ใช้กำหนดตำแหน่งว่างในเลย์เอาต์แม่ ซึ่งจะถูกเติมเต็มโดยเทมเพลตลูก?
- จะรวมไฟล์ Blade บางส่วน (partial) เข้าไปในเทมเพลตได้อย่างไร?

สมัครฟรี: https://sharpskill.dev/th/login

## หัวข้อสัมภาษณ์ Laravel อื่นๆ

- [พื้นฐาน PHP](https://sharpskill.dev/th/technologies/laravel/interview-questions/php-basics.md): 25 คำถาม, Junior
- [พื้นฐาน OOP ใน PHP](https://sharpskill.dev/th/technologies/laravel/interview-questions/php-oop-essentials.md): 20 คำถาม, Junior
- [Composer & Autoloading](https://sharpskill.dev/th/technologies/laravel/interview-questions/composer-autoloading.md): 18 คำถาม, Junior
- [พื้นฐาน Laravel](https://sharpskill.dev/th/technologies/laravel/interview-questions/laravel-fundamentals.md): 20 คำถาม, Junior
- [Laravel Routing](https://sharpskill.dev/th/technologies/laravel/interview-questions/laravel-routing.md): 20 คำถาม, Junior
- [Request & Response](https://sharpskill.dev/th/technologies/laravel/interview-questions/request-response.md): 20 คำถาม, Junior
- [พื้นฐาน Eloquent ORM](https://sharpskill.dev/th/technologies/laravel/interview-questions/eloquent-orm-basics.md): 22 คำถาม, Junior
- [Eloquent Relationships](https://sharpskill.dev/th/technologies/laravel/interview-questions/eloquent-relationships.md): 25 คำถาม, Mid-Level
- [Migrations & Schema Builder](https://sharpskill.dev/th/technologies/laravel/interview-questions/database-migrations.md): 20 คำถาม, Mid-Level
- [การตรวจสอบและฟอร์ม](https://sharpskill.dev/th/technologies/laravel/interview-questions/validation-forms.md): 22 คำถาม, Mid-Level
- [การยืนยันตัวตน](https://sharpskill.dev/th/technologies/laravel/interview-questions/authentication.md): 20 คำถาม, Mid-Level
- [การให้สิทธิ์และ Policies](https://sharpskill.dev/th/technologies/laravel/interview-questions/authorization-policies.md): 18 คำถาม, Mid-Level
- [API Resources & Authentication](https://sharpskill.dev/th/technologies/laravel/interview-questions/api-resources-authentication.md): 26 คำถาม, Mid-Level
- [Middleware](https://sharpskill.dev/th/technologies/laravel/interview-questions/middleware.md): 18 คำถาม, Mid-Level
- [Service Container & DI](https://sharpskill.dev/th/technologies/laravel/interview-questions/service-container-di.md): 20 คำถาม, Mid-Level
- [Queues & Jobs](https://sharpskill.dev/th/technologies/laravel/interview-questions/queues-jobs.md): 22 คำถาม, Mid-Level
- [Events & Listeners](https://sharpskill.dev/th/technologies/laravel/interview-questions/events-listeners.md): 18 คำถาม, Mid-Level
- [การแจ้งเตือนและเมล](https://sharpskill.dev/th/technologies/laravel/interview-questions/notifications-mail.md): 20 คำถาม, Mid-Level
- [File Storage](https://sharpskill.dev/th/technologies/laravel/interview-questions/file-storage.md): 18 คำถาม, Mid-Level
- [Testing & PHPUnit](https://sharpskill.dev/th/technologies/laravel/interview-questions/testing-phpunit.md): 24 คำถาม, Mid-Level
- [Caching](https://sharpskill.dev/th/technologies/laravel/interview-questions/caching.md): 18 คำถาม, Mid-Level
- [Livewire & Inertia](https://sharpskill.dev/th/technologies/laravel/interview-questions/livewire-inertia.md): 20 คำถาม, Mid-Level
- [Eloquent Advanced](https://sharpskill.dev/th/technologies/laravel/interview-questions/eloquent-advanced.md): 24 คำถาม, Senior
- [Repository Pattern](https://sharpskill.dev/th/technologies/laravel/interview-questions/repository-pattern.md): 20 คำถาม, Senior
- [Laravel Packages](https://sharpskill.dev/th/technologies/laravel/interview-questions/laravel-packages.md): 20 คำถาม, Senior
- [Performance Optimization](https://sharpskill.dev/th/technologies/laravel/interview-questions/performance-optimization.md): 22 คำถาม, Senior
- [Security Best Practices](https://sharpskill.dev/th/technologies/laravel/interview-questions/security-best-practices.md): 22 คำถาม, Senior
- [Laravel Octane](https://sharpskill.dev/th/technologies/laravel/interview-questions/laravel-octane.md): 18 คำถาม, Senior
- [Laravel Distributed Systems](https://sharpskill.dev/th/technologies/laravel/interview-questions/laravel-distributed-systems.md): 22 คำถาม, Senior
- [Observability & Monitoring](https://sharpskill.dev/th/technologies/laravel/interview-questions/observability-monitoring.md): 20 คำถาม, Senior
- [Deployment & DevOps](https://sharpskill.dev/th/technologies/laravel/interview-questions/deployment-devops.md): 20 คำถาม, Senior

---

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