Template Engines Nunjucks & Jinja

“Template engines are tools to separate program- logic and presentation into two independent parts. This makes the development of both logic and presentation easier, improves flexibility and eases modification and maintenance.” http://www.simple-is-better.org/template

String interpolation

String interpolation

String interpolation

Template logic ● placeholders (for string-substitution) ● if-defined-conditionals (to test presence/absence of some data) ● foreach-data-loops (for multi-valued data/lists) ● recursive macros (to walk recursive data-structures)

No content

Nunjucks ● Rich: Powerful language with block inheritance, auto escaping, macros, async control ● Fast & Lean: High-performant ● Small: 8K gzipped runtime with precompiled templates in the browser ● Extensible: Crazy extensible with custom filters and extensions ● Everywhere: Available in node and all modern web browsers

No content

Variables {{ username }} {{ foo.bar }} {{ foo["bar"] }}

Filters {{ foo | title }} {{ foo | join(",") }} {{ foo | replace("foo", "bar") | capitalize }}

Template Inheritance

parent.html

my_template.html

OUTPUT

Tags

if {% if variable %} It is true {% endif %}

if {% if hungry %} I am hungry {% elif tired %} I am tired {% else %} I am good! {% endif %}

for

for

macros

API

API

Sample http://github.tpn.terra.com/jaydson-gomes/zaz-app-card http://dsv-fe01-mia.dev.terra.com/~jaydson.gomes/zaz- app-card/dist/samples/pt.html