Home/Courses/Laravel/Laravel Blade Templating

Laravel Blade Templating📄

Beginner→Intermediate

Laravel 13

Master Laravel's powerful Blade templating engine. Create layouts, reusable components, and dynamic views with Blade's intuitive syntax and directives.

6

Sections

18

Lessons

22

Challenges

Start this free course

Start learning Laravel Blade Templating

18 lessons and 22 challenges, all 100% free.

Start this course

Introduction to Blade Templates

Blade Directives

Forms and CSRF Protection

Displaying Data in Blade(Sign in required)

Beginner+10 Mana

The $loop Variable(Sign in required)

Beginner+10 Mana

CSRF Directive(Sign in required)

Beginner+10 Mana

Method Spoofing(Sign in required)

Intermediate+20 Mana

Match Directives to Purposes(Sign in required)

Beginner+10 Mana

Template Inheritance with @extends

Blade Components

Building Practical Components

@yield vs $slot(Sign in required)

Intermediate+20 Mana

Passing PHP Variables to Components(Sign in required)

Beginner+10 Mana

Attribute Merge(Sign in required)

Intermediate+20 Mana

Stacks in Blade(Sign in required)

Intermediate+20 Mana

Named Slot Syntax(Sign in required)

Intermediate+20 Mana

Laravel + Vite: Asset Bundling Fundamentals

Advanced Vite Configuration

Building and Deploying Vite Assets

Vite Blade Directive(Sign in required)

Beginner+10 Mana

Vite Environment Variables(Sign in required)

Intermediate+20 Mana

Deploy Pipeline Order(Sign in required)

Intermediate+20 Mana

Introduction to Livewire

Livewire Forms and Validation

Livewire Lifecycle Hooks and Computed Properties

Livewire Data Binding(Sign in required)

Beginner+10 Mana

Calling Livewire Actions(Sign in required)

Beginner+10 Mana

When Does mount() Run?(Sign in required)

Intermediate+20 Mana

Introduction to Inertia.js

Inertia Forms and Validation

Sharing Data Across Inertia Pages

Inertia Render(Sign in required)

Beginner+10 Mana

Inertia Link(Sign in required)

Beginner+10 Mana

Preventing Double Submission(Sign in required)

Intermediate+20 Mana

Responsive Design with Tailwind CSS

Dark Mode and Theming in Blade

Responsive Blade Components

Tailwind Mobile First(Sign in required)

Beginner+10 Mana

Responsive Grid(Sign in required)

Intermediate+20 Mana

Tailwind md Breakpoint Width(Sign in required)

Beginner+10 Mana

Ready to start this free course?

No credit card required.

Start this course now

Ready to start Laravel Blade Templating?

18 interactive lessons and 22 hands-on challenges — learn in VS Code, Cursor, or the web.