Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 18D : 5H : 36M : 56S

Debes tener cuenta en Platzi

Para ver esta clase abierta debes iniciar sesión

Plantillas con Handlebars6/35

Las plantillas son generalmente archivos html con marcadores particulares que permiten la inserción de variables y la ejecución de algunas instrucciones de programación, antes de ser renderizados. Esta interpretación previa la realiza un plugin conocido como motor de plantillas, como es el caso de Handlebars.

Para incluir variables o instrucciones de código con Handlebars es necesario el uso de dobles llaves (o curly braces). Un bloque de html con Handlebars sería algo como lo siguiente:

<div class=""post"">
  <h1>Author: {{fullName author}}</h1>
  <div class=""body"">{{body}}</div>

  <h1>Comments</h1>

  {{#each comments}}
  <h2>By {{fullName author}}</h2>
  <div class=""body"">{{body}}</div>
  {{/each}}
</div>

Los bloques de instrucción en Handlebars comienzan con # y se cierran con /.

Para más información, recuerda consultar la documentación oficial en http://handlebarsjs.com/ y así conocer mucho más de las opciones que te brinda este potente motor de plantillas.

El profe utiliza una extensión en VSCode llamada Import Cost, la cual permite saber cual es el tamaño de modulos importados, y ademas “colorea” si considera que es pesado/costoso.

En lo personal me resultó un poco molesto porque me gusta tener el IDE lo mas limpio posible, pero recomiendo le den una prueba al mismo:

[https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost]

Esto me recuerda un poco a la forma de manejar los templates con AngularJS…

Hace años use Handlebars con MeteorJs, pero en ese entonces no sabía xD

Qué clase más extraña, la mitad fue un rápido mal paseo por una página x.

Las dobles llaves son algo nuevo 🤔🤔

Creo que a los que venimos utilizando frameworks modernos de JavaScript, Handlebars nos cae de anillo al dedo.

¿cual es mejor nunjucks o handlebars.js?

esto se puede configurar con reactjs?

Me siento cómodo al ver nuevamente las dobles llaves al estilo Blade de Laravel.
Pug en limpio pero en ocasiones se vuelve molesto cuando tienes anidación de tags o br

Nuevo para mi el manejo de llaves dobles

Vue.js vio bastante potencial en este concepto de handlebars aparentemente.

Muy parecido, como Laravel y Vue.

Muy similar al sistema de plantillas de Django

es muy facil usar handlebars, no lo conocia

❤ si llevas el curso a 1.25x de velocidad en el reproductor

Concepto nuevo que habra que profundizar mas!

Buen curso 😃

El profe utiliza una extensión en VSCode llamada Import Cost, la cual permite saber cual es el tamaño de modulos importados, y ademas “colorea” si considera que es pesado/costoso.

En lo personal me resultó un poco molesto porque me gusta tener el IDE lo mas limpio posible, pero recomiendo le den una prueba al mismo:

[https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost]

Esto me recuerda un poco a la forma de manejar los templates con AngularJS…

Hace años use Handlebars con MeteorJs, pero en ese entonces no sabía xD

Qué clase más extraña, la mitad fue un rápido mal paseo por una página x.

Las dobles llaves son algo nuevo 🤔🤔

Creo que a los que venimos utilizando frameworks modernos de JavaScript, Handlebars nos cae de anillo al dedo.

¿cual es mejor nunjucks o handlebars.js?

esto se puede configurar con reactjs?

Me siento cómodo al ver nuevamente las dobles llaves al estilo Blade de Laravel.
Pug en limpio pero en ocasiones se vuelve molesto cuando tienes anidación de tags o br

Nuevo para mi el manejo de llaves dobles

Vue.js vio bastante potencial en este concepto de handlebars aparentemente.

Muy parecido, como Laravel y Vue.

Muy similar al sistema de plantillas de Django

es muy facil usar handlebars, no lo conocia

❤ si llevas el curso a 1.25x de velocidad en el reproductor

Concepto nuevo que habra que profundizar mas!

Buen curso 😃