Sistema de Plantillas Blade en Laravel: Creación y Uso Eficiente
Contenido del curso
Gustavo Jara
Victor Noguera
Álvaro Moscoso Muñoz
María Sierra
Ricardo Andres Zambrano Cuaicuan
Jose Mauricio Rubio Villatoro
Johnner Alexander Gambacica Ortiz
Andrés Felipe Lopez gomez
Tomas Goldenberg
Martin Campos
Alan Quispe
KEVIN BRAYAN LUNA FIGUEROA
Italo Morales Fantone
Profesor
Eddy Herrera Vargas
Arturo Soga
Juan Daniel Martínez Navarro
Francisco Torregrosa Ros
Carlos Eduardo Gomez García
José Antonio Quintanilla Umaña
Ricardo Rito Anguiano
Jhon Anderson Alonso Hernandez
Luis Cordero
Jimmy Buriticá Londoño
Sebastian Dario Reinoso Carpio
Cristhian Edwin Ortiz Mercado
Italo Morales Fantone
Profesor
Miguel Angel Muñoz Pozos
Italo Morales Fantone
Profesor
Andres Roberto Coello Goyes
Italo Morales Fantone
Profesor
Christian Alvarenga
Luis Cano
Juan Barahona
Eduardo Razo Cobián
Tips blade: - Para imprimir variables en blade usamos {{ $var}} - Para imprimir vaiables escapando html {!! $var !!} - Ciclos en blade: - - @foreach ($vars as $var) <li>{{ $var->value }}</li> @endforeach - - @if (! empty($var)) $var->value @endif - - @if (!empty($var)) $var->value @else <p>Empty</p> @endif - - @if (!empty($var)) $var->value @elseif ($var >18) <span>I'm over 18</span> @else <span>I'm under 18</span> @endif - Codigo php sin usar <?php ... ?>: - - @php // php code @endphp
Muchas Gracias.
{{-- Esto es un comentario --}}
Blade: sistema de plantillas avanzado
Blade es el sistema de plantillas de Laravel. Todo lo que tiene que ver con vistas estará en resources → views.
👀 Cuando utilizamos @yield y @section, estamos haciendo que Laravel extraiga lo que tenemos dentro del @section y inyecta en el archivo que le indicamos con @extends para al final poner el contenido donde se encuentra el @yield.
⚠ En cambio con @include, Laravel trae el contenido que está en el archivo que incluimos y lo pone en el archivo actual.
Laravel realmente muestra en el navegador el resultado que el creo con las plantillas blade que hemos creado, este resultado lo guarda en storage → views.
Buen aporte
En VSC les recomiendo la siguiente extensión, que te permitirá ser más productivo al trabajar con plantillas en blade.
Ayuda mucho =)
Muchas gracias por el aporte
Mas cursos con este profe! un capo italo!
Siguelo en su canal de Youtube. Sus cursos me ayudaron sobretodo a juntar laravel con Vue.
Amo sus cursos realmente
Las plantillas blade son lo mejor ya que nos apoyan a que el html se lea muy legible, ya que con php puro siempre tenemos que agregar la etiqueta de abertura y la de cierre, ejemplo:
<?php if(true) { ?> <h1>Hola mundo!</h1> <?php } ?>
Correcto :)
Si se requiere renderizar scripts o estilos de vistas secundarias en la plantilla principal.
@push('scripts') <script src="example.js"></script> @endpush
@push('styles') <link rel="stylesheet" href="example.css"> @endpush
<head> <!-- meta datos y otros estilos CSS --> @stack('styles') </head> <body> <!-- Contenido --> <!-- Otros scripts --> @stack('scripts') </body>
Este curso es una joya !!
Según mi lógica: @yield es para mantener un tipo de relación padre / hijo de la vista master por decirlo de alguna forma, con la sección que extienda de dicha vista. O sea que pueden compartir métodos, variables, datos entre si... (?) @include funciona de la misma manera que en php puro, pero no entiendo la diferencia entre ambas. Toda la información en foros dicen lo mismo que la documentación en Laravel y no comprendo que se usa para cada caso y como debería de trabajar mis proyectos. Si por mi fuera viviría de puros @include ya que se me hace más engorroso tener que usar el @extends, @section, @endsection y de lo contrario con un simple @include de primeras agrega el código de la vista y ya. Si alguien me pudiera sacar de la duda que no sea citando textualmente la documentación o si me acerque un poco con mi conclusión de al principio les agradecería mucho.
Es muy sencillo, pero para ello hay que pensar al revés
Cuando hacemos un @include el orden es:
El sistema lee el archivo php detecta el @include y lo que hace es traer todo el fichero del @include y lo mete dentro como si fuese suyo y luego lo procesa todo.
Con @yield y @section funciona el reves.
Cuando le decimos a laravel que tenemos una vista al decirle en la vista que extendemos de "app" lo que hace es coger lo que tengamos en @section, lo prepara y luego lo inyecta en "app" en su seccion @yield
Que ganamos con esto?, que distintas vistas puedan aprovechar el mismo @yield, cosa que si lo hacemos con @include tendríamos que tener un fichero para cada vista
Ademas podemos tener varias @section con nombres distintos y luego laravel lo inyectara en los @yields que corresponda
De esta manera el código es mas legible y mas organizado.
Ademas en en cuenta que si lo haces a puros include el formato seria en la vista
@include('header') @include('nav') ... @include('footer')
Si mañana tuvieses que reestructurar el código tendrías que cambiarlo en todas las vistas
@include('header') @include('nav') ... @include('extra') ... @include('footer')
De la otra manera solo tendrías que cambiar en el template de donde extiendes en este caso "app"
Interesante, siempre me gustan usar los sections para imprimir contenido variable en diferentes partes de mi plantilla
Los yield-section van relacionados, en donde pongas un yield se va a imprimir el section que hayas definido, y la forma de "parearlos" es a través de su nombre
excelente curso, bien explicado tocando cosas importantes!!
Esto me recuerda al preprocesador PUG :0
@DD($variable) para parar el código y solo ver una variable @push ojala explique la utilización de estos
Blade es un sistema de plantillas de Laravel muy sencillo y a la vez muy poderoso.
woao realmente se ve muy util para aislar codigo y hacer trabajo en equipo tambien
Es así :)
Más documentación sobre Blade Templates https://laravel.com/docs/7.x/blade#introduction
Excelente aporte.
en PHP puro tenemos que abrir y cerrar a cada rato.
<select> <?php foreach($array as $item) : ?> <option> <?php echo $item['name'] ?> </option> <?php endforeach; ?> </select>
blade es mas comodo...
Si, la idea es tener archivos mas cortos para poderlos mantener en el tiempo sin tanto esfuerzo.
¿Cuál sería la diferencia entre utilizar @yield y @include?
Con @include agregas directamente un template parcial a tu archivo blade, el tempalte puede o no recibir valores:
<div> @include('shared.errors') <form> <!-- Form Contents --> </form> </div>
@yield trabaja con @section cuando tienes un archivo blade que extiende un template principal, @yield es como un slot o placeholder y @section los datos que llenan ese slot o placeholder:
<!-- resources/views/layouts/app.blade.php --> <html> <head> <title>App Name - @yield('title')</title> </head> <body> <div class="container"> @yield('content') </div> </body> </html>
<!-- resources/views/child.blade.php --> @extends('layouts.app') @section('title', 'Page Title') @section('content') <p>This is my body content.</p> @endsection
profesor no puedo avanzar la clase 9, me sale este error 403 This action is unauthorized.
Cuando agregaste el form request, cambiaste a true ?
/** * Determine if the user is authorized to make this request. * * @return bool */ public function authorize() { return true; //Temporalmente, mientras no tenemos permisos y roles. }
