logo

Aprenda manubrios en 10 minutos o menos

Handlebars.js es un motor de plantillas popular que es potente, fácil de usar y tiene una gran comunidad. Se basa en el lenguaje de plantillas Moustache, pero lo mejora de varias maneras importantes. Con Handlebars, puede separar la generación de HTML del resto de su JavaScript y escribir un código más limpio.

Este breve artículo es un intento de enseñarle casi todo lo que necesita saber sobre manubrios en 10 minutos o menos. Puede parecer un poco abrumador al principio, pero al igual que andar en bicicleta (juego de palabras), una vez que aprendes a hacerlo, se convierte en la cosa más fácil del mundo.

0. Agregarlo a su proyecto

Agregar manillares a su proyecto es bastante sencillo. Simplemente vaya a http://handlebarsjs.com/ y haga clic en el botón de descarga para obtener la última versión. Al momento de escribir, esta es la versión 2.0.0. Ahora todo lo que tienes que hacer es incluir la biblioteca en tu html con un <script> regular etiqueta.

También puede usar una versión alojada en CDN, que tiene el beneficio adicional de que el mismo archivo ya podría estar almacenado en caché en el navegador del visitante, si ha sido utilizado por otro sitio web.

// From File
<script src="handlebars-v2.0.0.js"></script>

// From CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.js"></script>

1. Plantillas

Una vez que tenga la biblioteca en su lugar, puede comenzar a escribir plantillas. La forma recomendada de agregar plantillas a su página es incluirlas en etiquetas