PricingLoginStart free
PHP Academy · Lección

Plantillas y vistas de Blade

Genere HTML dinámico con directivas, diseños y componentes de Blade.

Lección 4 de 413 pasos

Plantillas y vistas de Blade es una lección gratuita de PHP Academy en CoddyKit. Esta es la lección 4 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de PHP Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de PHP Academy incluye 4 lecciones en total.

¿Qué es Blade?

Blade es el motor de plantillas de Laravel. Los archivos terminan en .blade.php y admiten directivas, bucles y herencia de diseños. Blade se compila a PHP simple y se almacena en caché.

Mostrar variables

Use llaves dobles para mostrar una variable. El valor se escapa automáticamente para evitar ataques XSS.

{{-- resources/views/greeting.blade.php --}}
<h1>Hello, {{ $name }}</h1>
<p>You have {{ $messageCount }} messages.</p>

Salida sin escape

Use {!! !!} para mostrar HTML sin procesar (sin escape). Utilícelo únicamente con contenido de confianza.

{!! $htmlContent !!}

Condicionales

Blade proporciona @if, @elseif, @else y @endif.

@if($user->isAdmin())
    <a href="/admin">Admin Panel</a>
@elseif($user->isEditor())
    <a href="/editor">Editor</a>
@else
    <a href="/dashboard">Dashboard</a>
@endif

@isset y @empty

Abreviaturas prácticas para comprobaciones habituales de valores nulos o vacíos.

@isset($username)
    <p>Welcome, {{ $username }}</p>
@endisset

@empty($items)
    <p>No items found.</p>
@endempty

Bucles

Blade admite @foreach, @for, @while y @forelse (con @empty como alternativa).

@forelse($posts as $post)
    <article>
        <h2>{{ $post->title }}</h2>
    </article>
@empty
    <p>No posts yet.</p>
@endforelse

La variable $loop

Dentro de un @foreach, $loop proporciona metadatos: $loop->index, $loop->first, $loop->last y $loop->count.

Diseños con @extends y @section

Defina un diseño principal y extiéndalo en las vistas secundarias.

{{-- layouts/app.blade.php --}}
<html>
<body>
    @yield("content")
</body>
</html>

{{-- pages/home.blade.php --}}
@extends("layouts.app")
@section("content")
    <h1>Home Page</h1>
@endsection

@include

Incluya una vista parcial secundaria.

@include("partials.nav")
@include("partials.alert", ["type" => "success", "msg" => "Saved!"])

Componentes de Blade

Los componentes reutilizables se encuentran en resources/views/components/ y se usan con la sintaxis <x-component-name>.

{{-- components/alert.blade.php --}}
<div class="alert alert-{{ $type }}">
    {{ $slot }}
</div>

{{-- Usage: --}}
<x-alert type="success">Profile updated!</x-alert>

Pasar datos a las vistas

Desde un controlador, pase datos mediante view() con un arreglo o mediante compact().

<?php
return view("users.index", [
    "users" => User::all(),
    "title" => "All Users",
]);
// Or:
return view("users.index", compact("users", "title"));

Resumen

Blade se compila a PHP. Use {{ }} para mostrar contenido con escape, @extends/@section para los diseños, @foreach/@forelse para los bucles y <x-component> para la interfaz de usuario reutilizable.

Comprobación rápida

¿Qué sintaxis de Blade escapa de forma segura la salida para evitar ataques XSS?

Responde en la lección interactiva
Gratis para empezar

Aprende PHP con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
49
Lecciones
195
Empezar a aprender gratisVer el curso completo

Preguntas frecuentes

¿La lección «Plantillas y vistas de Blade» es gratis?

Sí — el texto completo de «Plantillas y vistas de Blade» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de PHP Academy, actualiza a CoddyKit PRO. El curso de PHP Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Plantillas y vistas de Blade»?

Genere HTML dinámico con directivas, diseños y componentes de Blade. Practicas PHP Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar PHP Academy?

No se requiere experiencia previa. PHP Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 4 de 4.

¿Cuánto tiempo toma la lección «Plantillas y vistas de Blade»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de PHP Academy?

Sí. Cada lección de PHP Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Estructura de proyectos Laravel
  2. Definición de rutas en Laravel
  3. Controladores y acciones
  4. Plantillas y vistas de Blade
← Volver a PHP Academy