Marco Blade y Javascript
Comprar curso

35. Marco Blade y Javascript

En este capítulo, aprenderás cómo utilizar el marco Blade y Javascript en Laravel 10. El marco Blade es un sistema de plantillas de Laravel que te permite definir la estructura y el diseño de tus vistas. Te enseñaremos cómo utilizar el marco Blade y Javascript en Laravel 10 para mejorar la presentación y la interactividad de tu aplicación.


1 comentarios

Inicia sesión para comentar

Comentarios:

  • Victor Arana Flores

    Victor Arana Flores hace 11 meses Destacado

    Cuando se trabaja con marcos de JavaScript junto con Blade, puede haber un conflicto en el uso de llaves rizadas para indicar una expresión que debe ser mostrada en el navegador. Para resolver esto, Blade proporciona la sintaxis del símbolo @ para informar al motor de renderizado que una expresión debe permanecer intacta.

    Por ejemplo, si se tiene la siguiente vista de Blade que usa llaves rizadas tanto para Blade como para el marco de JavaScript:

    <h1>Laravel</h1>
    Hello, {{ name }}.

    El motor de Blade procesará la expresión {{ name }}, lo que puede interferir con el marco de JavaScript. Para evitar esto, se puede usar la sintaxis del símbolo @ para escapar la expresión de Blade:

    <h1>Laravel</h1>
    Hello, @{{ name }}.

    En este caso, Blade eliminará el símbolo @, pero la expresión {{ name }} permanecerá intacta, lo que permitirá que el marco de JavaScript la procese.

    Además, también se puede utilizar el símbolo @ para escapar de las directivas de Blade, como en el siguiente ejemplo:

    {{-- Blade template --}}
    @@if()
     
    <!-- HTML output -->
    @if()

    De esta manera, se puede evitar que Blade procese una directiva y se puede imprimir la directiva sin procesar en la salida HTML.