Blade directives in Laravel - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What is the output of this Blade snippet?

Consider this Blade template code:

@if($user->isAdmin())
  
Admin Access
@else
  
User Access
@endif

If $user->isAdmin() returns false, what will be rendered?

Laravel

@if($user->isAdmin())
  <p>Admin Access</p>
@else
  <p>User Access</p>
@endif

A <p>Admin Access</p>

B <p>User Access</p>

C No output

D Syntax error

💡 Hint

Think about what the @else directive does when the condition is false.

The @if directive checks the condition. Since $user->isAdmin() is false, the @else block runs, rendering

User Access

.

📝 Syntax

intermediate

Which Blade directive correctly loops over an array?

You want to loop over $items in Blade. Which option uses the correct directive syntax?

A

@foreach($items as $item)
  {{ $item }}
@endforeach

B

@loop($items as $item)
  {{ $item }}
@endloop

C

@for($items as $item)
  {{ $item }}
@endfor

D

@repeat($items as $item)
  {{ $item }}
@endrepeat

💡 Hint

Blade uses a directive named after a common PHP loop for arrays.

The correct directive to loop over arrays in Blade is @foreach. The others are invalid Blade directives.

🔧 Debug

advanced

What error does this Blade code cause?

Given this Blade snippet:

@if($count > 0)
  
Count is positive
@else
  
No count
@endif

What error will occur when rendering?

Laravel

@if($count > 0)
  <p>Count is positive</p>
@else
  <p>No count</p>
@endif

A Runtime error: Undefined variable $count

B Renders both paragraphs

C No output

D Syntax error: Unexpected @else without matching @if

💡 Hint

Check the placement of @else relative to @endif.

The @else directive must be inside the @if block before @endif. Here, @else is after @endif, causing a syntax error.

❓ state_output

advanced

What is the output of this Blade component with @isset?

Given $title = null; and this Blade code:

@isset($title)
  
{{ $title }}
@else
  
Default Title
@endisset

What will be rendered?

Laravel

@isset($title)
  <h1>{{ $title }}</h1>
@else
  <h1>Default Title</h1>
@endisset

A <h1>Default Title</h1>

B <h1></h1>

C No output

D <h1>null</h1>

💡 Hint

Remember what @isset checks for in Blade.

@isset checks if the variable is set and not null. Since $title is null, the @else block runs.

🧠 Conceptual

expert

Which Blade directive is used to include a child view and pass data?

You want to include a Blade view named header and pass ['title' => 'Welcome'] to it. Which directive and syntax is correct?

A @extends('header', ['title' => 'Welcome'])

B @component('header', ['title' => 'Welcome']) @endcomponent

C @include('header', ['title' => 'Welcome'])

D @yield('header', ['title' => 'Welcome'])

💡 Hint

Think about the directive that inserts a view and allows passing variables.

@include inserts a child view and can pass data as an array. @component is for components, @yield is for sections, and @extends is for layout inheritance.