Echoing data with {{ }} in Laravel - Mini Project: Build & Apply

Echoing Data with {{ }} in Laravel Blade

📖 Scenario: You are building a simple Laravel Blade template to display user information on a webpage. You want to show the user's name and email using Blade's echo syntax {{ }}.

🎯 Goal: Build a Blade template that correctly echoes the user's name and email using {{ }} syntax.

📋 What You'll Learn

Create a PHP array called $user with keys name and email and exact values.

Create a Blade template that uses {{ }} to echo $user['name'] and $user['email'].

Use semantic HTML tags to display the data clearly.

Ensure the Blade template syntax is correct and safe for output.

💡 Why This Matters

🌍 Real World

Displaying dynamic user data safely on web pages is a common task in web development. Blade's {{ }} syntax helps prevent security issues by escaping output.

💼 Career

Understanding how to echo data safely in Laravel Blade templates is essential for backend and full-stack developers working with Laravel frameworks.

1

Create the user data array

Create a PHP array called $user with these exact entries: 'name' => 'Alice Johnson' and 'email' => '[e-mail]'.

Laravel

<?php

// Create the $user array with name and email
# Your code here

Need a hint?

Use PHP array syntax with keys 'name' and 'email' and assign the exact string values.

2

Set up the Blade template HTML structure

Create a Blade template with a <section> element containing an <h1> for the title 'User Profile' and a <div> with class user-info to hold user details.

Laravel

 'Alice Johnson', 'email' => '[e-mail]'];


  User Profile
  
    
  

Need a hint?

Use semantic HTML tags and add the class user-info to the container div.

3

Echo the user's name and email using {{ }}

Inside the div with class user-info, add two paragraphs. Use Blade's {{ }} syntax to echo $user['name'] in the first paragraph and $user['email'] in the second paragraph.

Laravel

 'Alice Johnson', 'email' => '[e-mail]'];

?>
  User Profile
  
    
  

Need a hint?

Use {{ $user['name'] }} and {{ $user['email'] }} inside paragraph tags.

4

Complete the Blade template with safe echoing

Ensure the Blade template uses the double curly braces {{ }} to safely echo the user data, preventing raw HTML injection. Confirm the template structure is correct and ready to render.

Laravel

 'Alice Johnson', 'email' => '[e-mail]'];

?>
  User Profile
  
    Name: {{ $user['name'] }}
    Email: {{ $user['email'] }}
  

Need a hint?

Double check that you used {{ }} for echoing and the HTML structure is intact.