Control structures (@if, @foreach, @for) in Laravel - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to check if the variable $user exists using Blade syntax.

Laravel

@[1]($user)
    <p>User exists.</p>
@end[1]

Drag options to blanks, or click blank then click option'

Aforeach

Bwhile

Cfor

Dif

Attempts:

3 left

💡 Hint

Common Mistakes

Using @foreach instead of @if for condition checks.

Forgetting to close the directive with @endif.

The Blade directive @if is used to check conditions like if a variable exists.

2fill in blank

medium

Complete the code to loop through the $users array and display each user's name.

Laravel

@[1]($users as $user)
    <p>{{ $user->name }}</p>
@end[1]

Drag options to blanks, or click blank then click option'

Afor

Bif

Cforeach

Dwhile

Attempts:

3 left

💡 Hint

Common Mistakes

Using @for instead of @foreach for arrays.

Not using the correct variable syntax inside the loop.

The @foreach directive is used to loop over arrays or collections in Blade templates.

3fill in blank

hard

Fix the error in the Blade loop to correctly iterate 5 times.

Laravel

@[1] ($i = 0; $i < 5; $i++)
    <p>Iteration {{ $i }}</p>
@end[1]

Drag options to blanks, or click blank then click option'

Aforeach

Bfor

Cwhile

Dif

Attempts:

3 left

💡 Hint

Common Mistakes

Using @foreach for numeric loops.

Forgetting to close the loop with @endfor.

The @for directive is used for traditional for loops with initialization, condition, and increment.

4fill in blank

hard

Fill both blanks to create a Blade loop that iterates over $items and checks if each $item is active.

Laravel

@[1]($items as $item)
    @[2]($item->active)
        <p>{{ $item->name }} is active.</p>
    @end[2]
@end[1]

Drag options to blanks, or click blank then click option'

Aforeach

Bif

Cfor

Dwhile

Attempts:

3 left

💡 Hint

Common Mistakes

Using @for instead of @foreach for arrays.

Using @foreach instead of @if for conditions.

Use @foreach to loop over items and @if to check a condition inside the loop.

5fill in blank

hard

Fill all three blanks to create a Blade loop that iterates 3 times, checks if the index is even, and displays the index.

Laravel

@[1] ($i = 0; $i < 3; $i++)
    @[2] ($i % 2 == 0)
        <p>Index {{ $i }} is even.</p>
    @endif
@end[3]

Drag options to blanks, or click blank then click option'

Aforeach

Bif

Cfor

Dwhile

Attempts:

3 left

💡 Hint

Common Mistakes

Using @foreach for numeric loops.

Forgetting to close the loop with @endfor.

Using @endif to close the loop instead of @endfor.

Use @for for the loop, @if for the condition, and close the loop with @endfor.

Practice

1. What does the @if directive do in a Laravel Blade template?

easy

A. It shows content only if a condition is true.

B. It repeats content for each item in a list.

C. It repeats content a fixed number of times.

D. It defines a variable inside the template.

Solution

1. Step 1: Understand the purpose of @if

   The @if directive is used to check a condition and show content only when that condition is true.

2. Step 2: Compare with other directives

   @foreach repeats content for each item, and @for repeats content a set number of times, so they do not match the description.

3. Final Answer:

   It shows content only if a condition is true. -> Option A

4. Quick Check:

   @if = conditional display [OK]

Hint: @if controls conditional display of content [OK]

Common Mistakes:

• Confusing @if with @foreach or @for
• Thinking @if repeats content
• Assuming @if defines variables

2. Which of the following is the correct syntax to start a @foreach loop in Laravel Blade?

easy

A. @foreach $items as $item

B. @foreach $item in $items

C. @foreach($item in $items)

D. @foreach($items as $item)

Solution

1. Step 1: Recall correct @foreach syntax

   The correct syntax uses parentheses and the keyword as: @foreach($items as $item).

2. Step 2: Identify incorrect options

   Options A and D miss parentheses, and C uses incorrect syntax in instead of as.

3. Final Answer:

   @foreach($items as $item) -> Option D

4. Quick Check:

   @foreach syntax = parentheses + 'as' [OK]

Hint: Use parentheses and 'as' keyword in @foreach [OK]

Common Mistakes:

• Omitting parentheses
• Using 'in' instead of 'as'
• Missing $ on variables

3. What will be the output of this Blade snippet?

@for($i = 1; $i <= 3; $i++)
  Number: {{ $i }}
@endfor

medium

A. No output because of syntax error

B. Number: 0 Number: 1 Number: 2

C. Number: 1 Number: 2 Number: 3

D. Number: 1 Number: 2 Number: 3 Number: 4

Solution

1. Step 1: Analyze the for loop range

   The loop starts at 1 and runs while $i is less than or equal to 3, so it runs for 1, 2, and 3.

2. Step 2: Determine output for each iteration

   Each iteration prints "Number: " followed by the current $i value, so output is "Number: 1 Number: 2 Number: 3".

3. Final Answer:

   Number: 1 Number: 2 Number: 3 -> Option C

4. Quick Check:

   Loop 1 to 3 prints numbers 1,2,3 [OK]

Hint: Count loop from start to end inclusive [OK]

Common Mistakes:

• Starting loop at 0 instead of 1
• Including extra iteration beyond 3
• Assuming syntax error

4. Identify the error in this Blade code:

@foreach($users as user)
  {{ $user->name }}
@endforeach

medium

A. Missing parentheses around $users

B. Missing $ before user in the loop declaration

C. Incorrect closing tag, should be @endfor

D. No error, code is correct

Solution

1. Step 1: Check foreach syntax

   The variable in the loop must have a $ sign: @foreach($users as $user).

2. Step 2: Verify other parts

   Parentheses are present, and closing tag is correctly @endforeach. So only missing $ is the error.

3. Final Answer:

   Missing $ before user in the loop declaration -> Option B

4. Quick Check:

   Variable names need $ in @foreach [OK]

Hint: Always use $ before variables in @foreach [OK]

Common Mistakes:

• Omitting $ before loop variable
• Using wrong closing directive
• Missing parentheses

5. You want to display a list of products only if there are any products in the array. Which Blade code correctly does this?

hard

A. @if(count($products) > 0)
@foreach($products as $product)
{{ $product->name }}
@endforeach
@endif

B. @foreach($products as $product)
@if($products)
{{ $product->name }}
@endif
@endforeach

C. @for($i = 0; $i < count($products); $i++)
@if($products[$i])
{{ $products[$i]->name }}
@endif
@endfor

D. @if($products)
@foreach($products as $product)
{{ $product->name }}
@endforeach
@endif

Solution

1. Step 1: Check condition to display list

   @if(count($products) > 0) @foreach($products as $product) {{ $product->name }} @endforeach @endif uses @if(count($products) > 0) which correctly and explicitly checks if products exist before looping.

2. Step 2: Analyze other options

   B places the check inside the loop, which is redundant since @foreach skips empty arrays. C uses manual @for with array indexing, which is error-prone (e.g., for associative arrays) and less idiomatic than @foreach. D uses @if($products), which works via implicit boolean conversion (empty arrays are falsy) but is less explicit and readable than count > 0.

3. Final Answer:

   @if(count($products) > 0) followed by @foreach -> Option A

4. Quick Check:

   Check count > 0 before @foreach [OK]

Hint: Use count() > 0 to check non-empty arrays before loops [OK]

Common Mistakes:

• Using implicit @if($products) instead of explicit count > 0
• Placing condition inside loop unnecessarily
• Using @for with inner @if redundantly