Sistema de plantillas para Node.js

Jade es un motor de alto rendimiento para la utilización de plantillas, implementado con JavaScript, y para utilizar con Node.js.

Jade esta fuertemente inspirado en Haml, un lenguaje de marcado ligero que fue concebido para solucionar los problemas más comunes que se obtienen de la utilización de motores de plantillas tradicionales. En mi caso mi primer acercamiento a Haml fue a la hora de hacer mis primeros pasos con Ruby on Rails, y debo confesar que quede encantado.

sistema de templates gratuito para node.js

Volviendo a Jade, la idea detrás de este pequeño pero potente motor de plantillas, es la de facilitarnos el trabajo de generar plantillas utilizando un lenguaje resumido, algo que los desarrolladores agradecemos mucho, principalmente porque el código es mucho más fácil de escribir y ademas es más elegante.

Ejemplo de uso de Jade:

Primero escribimos la plantilla. Para ello utilizamos el lenguaje de Jade, que como comenté al principio de esta entrada es muy similar a Haml:

!!! 5
html
  head
    title my jade template
  body
    h1 Hello #{name}

Como pueden ver las variables se encierran con corchetes con una almohadilla al comenzar, en el ejemplo utilizamos #{name}.

Luego le brindamos al sistema la información en formato JSON:

{"name": "Bob"}

Finalmente, el motor de plantillas genera a la perfección el resultado:

<!DOCTYPE html>
<html>
   <head>
      <title>my jade template</title>
   </head>
   <body>
      <h1>Hello Bob</h1>
   </body>
</html>

Jade cuenta con una documentación muy completa, ademas tiene una buena sección con diversos ejemplos para aprender a utilizar el motor.

Este sistema de plantillas para Node.js no es muy complicado de utilizar y las ganancias en cuanto a tiempo de desarrollo y versatilidad pueden ser muy significativas 😀

Web: Jade

Categorizado en: