Toda a sofisticação de Nunjucks

Nunjucks é uma template engine para JavaScript inspirada no jinja2 (Python). A liguagem de template lhe permite utilizar blocos de código, macros e herança de templates, tudo de forma simples e rápida. Além disso, iremos ver um exemplo de sua aplicação na criação de sites com conteúdo estático utilizando o Wintersmith.

Transcript

1. { } RSJS 2014 17 de Maio Porto Alegre - RS
2. THIAGO ALVES LUIZ THIAGO ALVES LUIZ SANTA MARIA - RS SANTA MARIA - RS taltk9 taltk9 tál ~ tê ~ ká ~ nóve tál ~ tê ~ ká ~ nóve
5. 2008 2008 2009 2009 2010 2010 2011 2011 2012 2012 TEMPLATE TEMPLATE ENGINES ENGINES CRIADO CRIADO PUBLICADO PUBLICADO
6. JAVASCRIPT TEMPLATE TEMPLATE ENGINES
7. JAVASCRIPT POR QUE POR QUE TEMPLATE ENGINES ? ?
8. HAHAHAHA! HAHAHAHA! AS VEZES FAÇO... AS VEZES FAÇO...
9. HAHAHAHA HAHAHAHA!
10. F@#A F@#A!
11.  CARREGAR CARREGAR DADOS DADOS (SERVIDOR) EM ESCALA ~ LISTAS DE APRESENTAÇÃO  ATUALIZAR ATUALIZAR OU ADICIONAR ADICIONAR NOVOS ITENS ITENS  INSERIR INSERIR CONTEÚDO COMPLEXO
12. QUAL QUAL TEMPLATE ENGINE ? ? UTILIZAR
13.  DRY ~ DON'T REPEAT YOURSELF  PERFORMANCE  CURVA DE APRENDIZAGEM  PRODUTIVIDADE  SUPORTA SERVIDOR/CLIENTE  COMUNIDADE  DEPENDENCIAS  DOCUMENTAÇÃO
14. http://garann.github.io/template-chooser/ http://garann.github.io/template-chooser/
15. PESQUISA PESQUISA GOOGLE DRIVE FORMS QUAIS OS TEMPLATE ENGINES MAIS UTILIZADOS E POR QUÊ?
19. SIMPLICIDADE SIMPLICIDADE NO DESENVOLVIMENTO
20. “ “A SIMPLICIDADE É O ÚLTIMO GRAU A SIMPLICIDADE É O ÚLTIMO GRAU DE SOFISTICAÇÃO...” DE SOFISTICAÇÃO...” - LEONARDO DA VINCI
21. TODA A NUNJUCKS NUNJUCKS SOFISTICAÇÃO SOFISTICAÇÃO DE
22.  JINJA JINJA TEMPLATES (PYTHON)  PROJETADO PARA APLICAÇÕES APLICAÇÕES COMPLEXAS COMPLEXAS E PESADAS PESADAS  RÁPIDO RÁPIDO E LEVE LEVE ~ 8K gzipped  ZERO ZERO DEPENDENCIAS
24. JAMES LONG JAMES LONG @jlongster @jlongster JSConf 2014 SPEAKER JSConf 2014 SPEAKER
25.  HERANÇA  AUTOESCAPING  MACROS  ASYNCHRONOUS CONTROL
26. START START
27. VARIÁVEIS VARIÁVEIS
28. FILTROS FILTROS
29. HERANÇA HERANÇA parent.html
30. HERANÇA HERANÇA
31. HERANÇA HERANÇA OUTPUT
32. MACRO MACRO
33. MACRO (IMPORT) MACRO (IMPORT)
34. MACRO (IMPORT) MACRO (IMPORT)
35. INCLUDE INCLUDE
36. GLOBAL FUNCTIONS GLOBAL FUNCTIONS RANGE RANGE CYCLER CYCLER JOINER JOINER
38. PRÉ-COMPILAÇÃO PRÉ-COMPILAÇÃO
39. NUNJUCKS NUNJUCKS + +
40. https://github.com/jlongster/grunt-nunjucks https://github.com/jlongster/grunt-nunjucks
41. NUNJUCKS NUNJUCKS PERFORMANCE PERFORMANCE COM
42. http://jsperf.com/dot-nunjucks-mustache/9 http://jsperf.com/dot-nunjucks-mustache/9
43. NUNJUCKS NUNJUCKS QUEM QUEM USA ? ?
44. FIREFOX MARKETPLACE FIREFOX MARKETPLACE
45. MOZILLA WEBMAKER MOZILLA WEBMAKER
46. BACKBEAM BACKBEAM
47. NUNJUCKS NUNJUCKS COMO COMO CONHECI
48. http://tableless.com.br/wintersmith-aprendendo-outro-gerador-de-conteudo-estatico/ http://tableless.com.br/wintersmith-aprendendo-outro-gerador-de-conteudo-estatico/
49. NUNJUCKS NUNJUCKS + +
50. https://github.com/taltk9/wintersmith-blog-app https://github.com/taltk9/wintersmith-blog-app
51. REFERÊNCIAS [1] BASAVARAJ, Veena - The client-side templating throwdown: mustache, handlebars, dust.js, and more - http://engineering.linkedin.com/frontend/client-side-templating-throwdown-mustache-handle bars-dustjs-and-more [2] BASAVARAJ, Veena - Leaving JSPs in the dust: moving LinkedIn to dust.js client-side templates - http://engineering.linkedin.com/frontend/leaving-jsps-dust-moving-linkedin-dustjs-client-side -templates [3] When to use JavaScript template engines? - http://stackoverflow.com/questions/2077016/when-to-use-javascript-template-engines [4] LONG, James - Nunjucks Documentation - http://mozilla.github.io/nunjucks/templating.html
52. THAT'S ALL FOLKS THAT'S ALL FOLKS @taltk9 taltk9