SlideShare uma empresa Scribd logo
Engine de template em Javascript  com HTML Sprites @cmilfont QCon São Paulo 2011
Concatenação de Strings
Interpolação de Strings
Interpolação de Strings
Engine de Templates com jQuery
Engine de Templates com jQuery
Engine de Templates Logic-less
Engine de Templates Logic-less Logic-less?
Engine de Templates ELJS https://github.com/milfont/eljs
Engine de Templates ELJS
Engine de Templates ELJS Logic-less?
Compilar o Template Renderização lenta
Compilar o Template
Carregar e Compilar o Template
HTML Sprites
Template com Partials
Convenções Necessárias
Singularize de Pobre //TODO: Inflector
Plugin do jQuery
Com Sammy.js

Mais conteúdo relacionado

Destaque

Mare de Agilidade - BDD e TDD
Mare de Agilidade - BDD e TDDMare de Agilidade - BDD e TDD
Mare de Agilidade - BDD e TDD
Milfont Consulting
 
Gamificação na Computação - Campus Party Brasil 2017
Gamificação na Computação - Campus Party Brasil 2017Gamificação na Computação - Campus Party Brasil 2017
Gamificação na Computação - Campus Party Brasil 2017
Sandy Maciel
 
React for Dummies
React for DummiesReact for Dummies
React for Dummies
Mitch Chen
 
User Experience - UX
User Experience - UXUser Experience - UX
User Experience - UX
Sandy Maciel
 
Testes de Desempenho
Testes de DesempenhoTestes de Desempenho
Testes de Desempenho
Sandy Maciel
 
Equipes sem Líderes formais e realmente autogeridas
Equipes sem Líderes formais e realmente autogeridasEquipes sem Líderes formais e realmente autogeridas
Equipes sem Líderes formais e realmente autogeridas
Milfont Consulting
 
o que fazer com a embalagem da dobra :)
o que fazer com a embalagem da dobra :)o que fazer com a embalagem da dobra :)
o que fazer com a embalagem da dobra :)
Dobra
 
Internet 2020: The Future Connection
Internet 2020: The Future ConnectionInternet 2020: The Future Connection
Internet 2020: The Future Connection
Christine Nolan
 
2500 tb074Health, Safety and Environmental Manual
2500 tb074Health, Safety and Environmental Manual2500 tb074Health, Safety and Environmental Manual
2500 tb074Health, Safety and Environmental Manual
ahmed rizk
 
Engine systems diesel engine analyst - full
Engine systems   diesel engine analyst - fullEngine systems   diesel engine analyst - full
Engine systems diesel engine analyst - full
Servicio Integral Diesel SAC
 
Coluna gamer #1
Coluna gamer #1Coluna gamer #1
Coluna gamer #1
João Júnior
 
Smms construccion geotecnica tomo i
Smms construccion geotecnica tomo iSmms construccion geotecnica tomo i
Smms construccion geotecnica tomo i
Elizabeth Martínez
 
Turbinas aeronáuticas
Turbinas aeronáuticasTurbinas aeronáuticas
Turbinas aeronáuticas
Otivo Junior
 
Termodinamica
TermodinamicaTermodinamica
Termodinamica
Elisabete Trentin
 
Fate Apostila : Princípios básicos do desenho
Fate Apostila : Princípios básicos do desenhoFate Apostila : Princípios básicos do desenho
Fate Apostila : Princípios básicos do desenho
Priscila Guimaraes
 
Combustion and Mixing Analysis of a Scramjet Combustor Using CFD
Combustion and Mixing Analysis of a Scramjet Combustor Using CFDCombustion and Mixing Analysis of a Scramjet Combustor Using CFD
Combustion and Mixing Analysis of a Scramjet Combustor Using CFD
ijsrd.com
 
Digital Training (SEO: search engine optimization)
Digital Training (SEO: search engine optimization)Digital Training (SEO: search engine optimization)
Digital Training (SEO: search engine optimization)
Carlos De La Ossa
 

Destaque (17)

Mare de Agilidade - BDD e TDD
Mare de Agilidade - BDD e TDDMare de Agilidade - BDD e TDD
Mare de Agilidade - BDD e TDD
 
Gamificação na Computação - Campus Party Brasil 2017
Gamificação na Computação - Campus Party Brasil 2017Gamificação na Computação - Campus Party Brasil 2017
Gamificação na Computação - Campus Party Brasil 2017
 
React for Dummies
React for DummiesReact for Dummies
React for Dummies
 
User Experience - UX
User Experience - UXUser Experience - UX
User Experience - UX
 
Testes de Desempenho
Testes de DesempenhoTestes de Desempenho
Testes de Desempenho
 
Equipes sem Líderes formais e realmente autogeridas
Equipes sem Líderes formais e realmente autogeridasEquipes sem Líderes formais e realmente autogeridas
Equipes sem Líderes formais e realmente autogeridas
 
o que fazer com a embalagem da dobra :)
o que fazer com a embalagem da dobra :)o que fazer com a embalagem da dobra :)
o que fazer com a embalagem da dobra :)
 
Internet 2020: The Future Connection
Internet 2020: The Future ConnectionInternet 2020: The Future Connection
Internet 2020: The Future Connection
 
2500 tb074Health, Safety and Environmental Manual
2500 tb074Health, Safety and Environmental Manual2500 tb074Health, Safety and Environmental Manual
2500 tb074Health, Safety and Environmental Manual
 
Engine systems diesel engine analyst - full
Engine systems   diesel engine analyst - fullEngine systems   diesel engine analyst - full
Engine systems diesel engine analyst - full
 
Coluna gamer #1
Coluna gamer #1Coluna gamer #1
Coluna gamer #1
 
Smms construccion geotecnica tomo i
Smms construccion geotecnica tomo iSmms construccion geotecnica tomo i
Smms construccion geotecnica tomo i
 
Turbinas aeronáuticas
Turbinas aeronáuticasTurbinas aeronáuticas
Turbinas aeronáuticas
 
Termodinamica
TermodinamicaTermodinamica
Termodinamica
 
Fate Apostila : Princípios básicos do desenho
Fate Apostila : Princípios básicos do desenhoFate Apostila : Princípios básicos do desenho
Fate Apostila : Princípios básicos do desenho
 
Combustion and Mixing Analysis of a Scramjet Combustor Using CFD
Combustion and Mixing Analysis of a Scramjet Combustor Using CFDCombustion and Mixing Analysis of a Scramjet Combustor Using CFD
Combustion and Mixing Analysis of a Scramjet Combustor Using CFD
 
Digital Training (SEO: search engine optimization)
Digital Training (SEO: search engine optimization)Digital Training (SEO: search engine optimization)
Digital Training (SEO: search engine optimization)
 

Mais de Milfont Consulting

Continuous integration e continuous delivery para salvar o seu projeto!
Continuous integration e continuous delivery para salvar o seu projeto!Continuous integration e continuous delivery para salvar o seu projeto!
Continuous integration e continuous delivery para salvar o seu projeto!
Milfont Consulting
 
Beagajs
BeagajsBeagajs
MVC Model 3
MVC Model 3MVC Model 3
MVC Model 3
Milfont Consulting
 
Dar caos à ordem
Dar caos à ordemDar caos à ordem
Dar caos à ordem
Milfont Consulting
 
I TDD my jQuery code without Browser
I TDD my jQuery code without BrowserI TDD my jQuery code without Browser
I TDD my jQuery code without Browser
Milfont Consulting
 
Oxente BDD
Oxente BDDOxente BDD
Oxente BDD
Milfont Consulting
 
Construindo WebApps ricas com Rails e Sencha
Construindo WebApps ricas com Rails e SenchaConstruindo WebApps ricas com Rails e Sencha
Construindo WebApps ricas com Rails e Sencha
Milfont Consulting
 
Dar Ordem ao Caos
Dar Ordem ao CaosDar Ordem ao Caos
Dar Ordem ao Caos
Milfont Consulting
 
Primeiro Dia Livre Opensocial
Primeiro Dia Livre OpensocialPrimeiro Dia Livre Opensocial
Primeiro Dia Livre Opensocial
Milfont Consulting
 
Tw Dwr 2007 Ap01
Tw Dwr 2007 Ap01Tw Dwr 2007 Ap01
Tw Dwr 2007 Ap01
Milfont Consulting
 
Course Hibernate 2008
Course Hibernate 2008Course Hibernate 2008
Course Hibernate 2008
Milfont Consulting
 
Opensocial
OpensocialOpensocial
Opensocial
Milfont Consulting
 
Frameworks Ajax
Frameworks AjaxFrameworks Ajax
Frameworks Ajax
Milfont Consulting
 
OpenSocial CCT
OpenSocial CCTOpenSocial CCT
OpenSocial CCT
Milfont Consulting
 
Cct Dsl
Cct DslCct Dsl
Conhecendo a JSR 223: Scripting for the Java Platform
Conhecendo a JSR 223: Scripting for the Java PlatformConhecendo a JSR 223: Scripting for the Java Platform
Conhecendo a JSR 223: Scripting for the Java Platform
Milfont Consulting
 
Ajaxificando
AjaxificandoAjaxificando
Ajaxificando
Milfont Consulting
 
Integração Contínua 3FCSL
Integração Contínua 3FCSLIntegração Contínua 3FCSL
Integração Contínua 3FCSL
Milfont Consulting
 
Extreme Programming
Extreme ProgrammingExtreme Programming
Extreme Programming
Milfont Consulting
 
Sead 29 09 2006 Usabilidade Com Ajax
Sead 29 09 2006 Usabilidade Com AjaxSead 29 09 2006 Usabilidade Com Ajax
Sead 29 09 2006 Usabilidade Com Ajax
Milfont Consulting
 

Mais de Milfont Consulting (20)

Continuous integration e continuous delivery para salvar o seu projeto!
Continuous integration e continuous delivery para salvar o seu projeto!Continuous integration e continuous delivery para salvar o seu projeto!
Continuous integration e continuous delivery para salvar o seu projeto!
 
Beagajs
BeagajsBeagajs
Beagajs
 
MVC Model 3
MVC Model 3MVC Model 3
MVC Model 3
 
Dar caos à ordem
Dar caos à ordemDar caos à ordem
Dar caos à ordem
 
I TDD my jQuery code without Browser
I TDD my jQuery code without BrowserI TDD my jQuery code without Browser
I TDD my jQuery code without Browser
 
Oxente BDD
Oxente BDDOxente BDD
Oxente BDD
 
Construindo WebApps ricas com Rails e Sencha
Construindo WebApps ricas com Rails e SenchaConstruindo WebApps ricas com Rails e Sencha
Construindo WebApps ricas com Rails e Sencha
 
Dar Ordem ao Caos
Dar Ordem ao CaosDar Ordem ao Caos
Dar Ordem ao Caos
 
Primeiro Dia Livre Opensocial
Primeiro Dia Livre OpensocialPrimeiro Dia Livre Opensocial
Primeiro Dia Livre Opensocial
 
Tw Dwr 2007 Ap01
Tw Dwr 2007 Ap01Tw Dwr 2007 Ap01
Tw Dwr 2007 Ap01
 
Course Hibernate 2008
Course Hibernate 2008Course Hibernate 2008
Course Hibernate 2008
 
Opensocial
OpensocialOpensocial
Opensocial
 
Frameworks Ajax
Frameworks AjaxFrameworks Ajax
Frameworks Ajax
 
OpenSocial CCT
OpenSocial CCTOpenSocial CCT
OpenSocial CCT
 
Cct Dsl
Cct DslCct Dsl
Cct Dsl
 
Conhecendo a JSR 223: Scripting for the Java Platform
Conhecendo a JSR 223: Scripting for the Java PlatformConhecendo a JSR 223: Scripting for the Java Platform
Conhecendo a JSR 223: Scripting for the Java Platform
 
Ajaxificando
AjaxificandoAjaxificando
Ajaxificando
 
Integração Contínua 3FCSL
Integração Contínua 3FCSLIntegração Contínua 3FCSL
Integração Contínua 3FCSL
 
Extreme Programming
Extreme ProgrammingExtreme Programming
Extreme Programming
 
Sead 29 09 2006 Usabilidade Com Ajax
Sead 29 09 2006 Usabilidade Com AjaxSead 29 09 2006 Usabilidade Com Ajax
Sead 29 09 2006 Usabilidade Com Ajax
 

Último

Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de   DevOps/CLoudFerramentas que irão te ajudar a entrar no mundo de   DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ismael Ash
 
Aula combustiveis mais utilizados na indústria
Aula combustiveis mais utilizados na indústriaAula combustiveis mais utilizados na indústria
Aula combustiveis mais utilizados na indústria
zetec10
 
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docxse38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
ronaldos10
 
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
Faga1939
 
Apresentação sobre Deep Web e anonimização
Apresentação sobre Deep Web e anonimizaçãoApresentação sobre Deep Web e anonimização
Apresentação sobre Deep Web e anonimização
snerdct
 
Subindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWSSubindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWS
Ismael Ash
 

Último (6)

Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de   DevOps/CLoudFerramentas que irão te ajudar a entrar no mundo de   DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
 
Aula combustiveis mais utilizados na indústria
Aula combustiveis mais utilizados na indústriaAula combustiveis mais utilizados na indústria
Aula combustiveis mais utilizados na indústria
 
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docxse38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
 
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
 
Apresentação sobre Deep Web e anonimização
Apresentação sobre Deep Web e anonimizaçãoApresentação sobre Deep Web e anonimização
Apresentação sobre Deep Web e anonimização
 
Subindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWSSubindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWS
 

Engine de template em Javascript com HTML Sprites