Blade Templates

Blade is Laravel's templating engine with clean syntax.

Directives

• @extends, @section, @yield � layout inheritance
• @foreach, @forelse � loops
• @if, @elseif, @else � conditionals

Syntax

LARAVEL

1
2
3
4
5
6
7
8
9
10

@extends("layouts.app")
@section("content")
    <h1>{{ $title }}</h1>
    @foreach($posts as $post)
        <div>{{ $post->title }}</div>
    @endforeach
    @if($posts->isEmpty())
        <p>No posts found.</p>
    @endif
@endsection

Blade Templating

PHP

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<!-- resources/views/posts/index.blade.php -->
@extends("layouts.app")

@section("content")
@foreach ($posts as $post)
    <article>
        <h2>{{ $post->title }}</h2>
        <p>{{ $post->excerpt }}</p>

        @if ($post->image)
            <img src="{{ $post->image }}" alt="...">
        @else
            <p>No image</p>
        @endif

        <small>{{ $post->created_at->diffForHumans() }}</small>

        @empty
            <p>No posts yet.</p>
    @endforelse
@endsection

Try It Yourself

Practice

1

Exercise

Create a Blade layout with header, content, and footer sections.

Answer

@extends("layouts.app")
@section("content")
    <h1>{{ $title }}</h1>
@endsection

Quick Quiz

1

What does @yield do?

Displays content

Defines section slot

Loops data

@yield defines where a section content should be placed.

Retry Quiz

Interview Questions

Blade vs plain PHP?

Blade provides cleaner syntax, template inheritance, XSS protection via {{ }}, and compiles to PHP for caching.

Previous

Controllers

Tutorial Complete

Back to Laravel