Blade is the powerful templating engine provided by the PHP framework Laravel. It helps developers create dynamic and reusable website layouts using clean and simple syntax.<\/p>\n\n\n\n
Blade templates allow developers to separate the presentation layer from application logic, making web applications easier to manage, maintain, and scale.<\/p>\n\n\n\n
Blade files use the By the end of this training, you will be able to:<\/p>\n\n\n\n Blade templates are lightweight view files used to create the frontend interface of Laravel applications.<\/p>\n\n\n\n Blade provides:<\/p>\n\n\n\n Example of a Blade template file:<\/p>\n\n\n\n Basic Blade template example:<\/p>\n\n\n\n Blade uses double curly braces to display variables.<\/p>\n\n\n\n Example:<\/p>\n\n\n\n Controller example:<\/p>\n\n\n\n Blade comments are not visible in the browser source code.<\/p>\n\n\n\n Example:<\/p>\n\n\n\n Blade layouts help developers create reusable website structures.<\/p>\n\n\n\n Child views can extend master layouts.<\/p>\n\n\n\n Example:<\/p>\n\n\n\n Blade allows reusable partial files.<\/p>\n\n\n\n Example:<\/p>\n\n\n\n Components help create reusable UI sections.<\/p>\n\n\n\n Example:<\/p>\n\n\n\n Example from controller:<\/p>\n\n\n\n Blade view:<\/p>\n\n\n\n Common Blade directives include:<\/p>\n\n\n\n These directives simplify frontend development in Laravel.<\/p>\n\n\n\n Blade Templates are used for:<\/p>\n\n\n\n In your final presentation, explain:<\/p>\n\n\n\n.blade.php<\/code> extension and are stored inside the resources\/views<\/code> directory in Laravel projects.<\/p>\n\n\n\nObjectives<\/h2>\n\n\n\n
\n
What Are Blade Templates<\/h2>\n\n\n\n
\n
Creating a Blade File<\/h2>\n\n\n\n
resources\/views\/home.blade.php<\/code><\/pre>\n\n\n\n<!DOCTYPE html>
<html>
<head>
<title>Home Page<\/title>
<\/head>
<body>
<h1>Welcome to Blade Templates<\/h1>
<\/body>
<\/html><\/code><\/pre>\n\n\n\nDisplaying Data in Blade<\/h2>\n\n\n\n
<h1>{{ $name }}<\/h1><\/code><\/pre>\n\n\n\npublic function index()
{
$name = \"Ali\";
return view('home', compact('name'));
}<\/code><\/pre>\n\n\n\nBlade Comments<\/h2>\n\n\n\n
{{-- This is a Blade comment --}}<\/code><\/pre>\n\n\n\nConditional Statements in Blade<\/h2>\n\n\n\n
If Statement<\/h3>\n\n\n\n
@if($marks >= 50)
<p>Pass<\/p>
@endif<\/code><\/pre>\n\n\n\nIf Else Statement<\/h3>\n\n\n\n
@if($age >= 18)
<p>Eligible<\/p>
@else
<p>Not Eligible<\/p>
@endif<\/code><\/pre>\n\n\n\nLoops in Blade<\/h2>\n\n\n\n
Foreach Loop<\/h3>\n\n\n\n
@foreach($students as $student)
<p>{{ $student }}<\/p>
@endforeach<\/code><\/pre>\n\n\n\nFor Loop<\/h3>\n\n\n\n
@for($i = 1; $i <= 5; $i++)
<p>{{ $i }}<\/p>
@endfor<\/code><\/pre>\n\n\n\nBlade Layouts<\/h2>\n\n\n\n
Master Layout Example<\/h3>\n\n\n\n
<!DOCTYPE html>
<html>
<head>
<title>@yield('title')<\/title>
<\/head>
<body>
<header>
<h1>Website Header<\/h1>
<\/header>
<div>
@yield('content')
<\/div>
<footer>
<p>Website Footer<\/p>
<\/footer>
<\/body>
<\/html><\/code><\/pre>\n\n\n\nExtending Layouts<\/h2>\n\n\n\n
@extends('layout')
@section('title', 'Home Page')
@section('content')
<h2>Welcome to Home Page<\/h2>
@endsection<\/code><\/pre>\n\n\n\nIncluding Blade Files<\/h2>\n\n\n\n
@include('navbar')<\/code><\/pre>\n\n\n\nBlade Components<\/h2>\n\n\n\n
<x-alert \/><\/code><\/pre>\n\n\n\nPassing Data to Blade Views<\/h2>\n\n\n\n
public function dashboard()
{
$users = ['Ali', 'Ahmed', 'Sara'];
return view('dashboard', compact('users'));
}<\/code><\/pre>\n\n\n\n@foreach($users as $user)
<p>{{ $user }}<\/p>
@endforeach<\/code><\/pre>\n\n\n\nBlade Directives<\/h2>\n\n\n\n
\n
@if<\/code><\/li>\n\n\n\n@else<\/code><\/li>\n\n\n\n@foreach<\/code><\/li>\n\n\n\n@for<\/code><\/li>\n\n\n\n@include<\/code><\/li>\n\n\n\n@extends<\/code><\/li>\n\n\n\n@section<\/code><\/li>\n\n\n\n@yield<\/code><\/li>\n<\/ul>\n\n\n\nAdvantages of Blade Templates<\/h2>\n\n\n\n
\n
Real World Uses of Blade Templates<\/h2>\n\n\n\n
\n
Best Practices<\/h2>\n\n\n\n
\n
Final Presentation<\/h2>\n\n\n\n
\n