Enviar pesquisa
Carregar
Pug: HTML robusto e elegante
•
Transferir como PPTX, PDF
•
0 gostou
•
205 visualizações
Murilo Siqueira Ferreira
Seguir
Robust, elegant, feature rich template engine for Node.js
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 8
Baixar agora
Recomendados
HTML Robusto e Elegante com Template Engines
HTML Robusto e Elegante com Template Engines
Dev PP
Mulheres na tecnologia 2015
Mulheres na tecnologia 2015
Francielly Moraes
Storybook com angular pra quê?
Storybook com angular pra quê?
Karoline Suzuki
Presenter for OpenSim
Presenter for OpenSim
Carlos Campani
Mobileconf
Mobileconf
macolinkalkin
HTML5 e CSS3 – rápido e eficaz para o presente
HTML5 e CSS3 – rápido e eficaz para o presente
pt_programar
Vamos automatizar! Conheça o Gulp Js
Vamos automatizar! Conheça o Gulp Js
Yan Magalhães
0d1n bsides2
0d1n bsides2
Antonio Costa aka Cooler_
Recomendados
HTML Robusto e Elegante com Template Engines
HTML Robusto e Elegante com Template Engines
Dev PP
Mulheres na tecnologia 2015
Mulheres na tecnologia 2015
Francielly Moraes
Storybook com angular pra quê?
Storybook com angular pra quê?
Karoline Suzuki
Presenter for OpenSim
Presenter for OpenSim
Carlos Campani
Mobileconf
Mobileconf
macolinkalkin
HTML5 e CSS3 – rápido e eficaz para o presente
HTML5 e CSS3 – rápido e eficaz para o presente
pt_programar
Vamos automatizar! Conheça o Gulp Js
Vamos automatizar! Conheça o Gulp Js
Yan Magalhães
0d1n bsides2
0d1n bsides2
Antonio Costa aka Cooler_
Django
Django
flisolmaringa
Pense no futuro: PHP com Zend Framework
Pense no futuro: PHP com Zend Framework
Flávio Lisboa
Desenvolvimento web com python e django
Desenvolvimento web com python e django
Igor Sobreira
Qualidade em projetos PHP - SoLiSC 2011
Qualidade em projetos PHP - SoLiSC 2011
Luís Cobucci
Qualidade em projetos PHP - PHPSC Conf 2011
Qualidade em projetos PHP - PHPSC Conf 2011
Luís Cobucci
Aplicativo aula03
Aplicativo aula03
Cláudio Amaral
Python e Django
Python e Django
pugpe
Django - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com Python
Igor Sobreira
Android DevConference - Automatizando testes sem sofrimento
Android DevConference - Automatizando testes sem sofrimento
iMasters
Django Tem Ritmo
Django Tem Ritmo
italomaia
PHP: Como não programar em POG
PHP: Como não programar em POG
Cicero Joasyo Mateus de Moura
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Gustavo Zimmermann
Seu framework é melhor pra quê?
Seu framework é melhor pra quê?
Jaime Neto
Desenvolvendo aplicações web com o framework cakephp
Desenvolvendo aplicações web com o framework cakephp
Rodrigo Aramburu
1001 maneiras de debugar o WordPress
1001 maneiras de debugar o WordPress
Rudá Almeida
LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04
Carlos Santos
Boas Práticas de programação WordPress
Boas Práticas de programação WordPress
Thiago Mendes
Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011
Bruno Rocha
Introdução à Programação Web com Angular
Introdução à Programação Web com Angular
Elmano Cavalcanti
Vraptor 3
Vraptor 3
Cristiano Agosti
Mais conteúdo relacionado
Semelhante a Pug: HTML robusto e elegante
Django
Django
flisolmaringa
Pense no futuro: PHP com Zend Framework
Pense no futuro: PHP com Zend Framework
Flávio Lisboa
Desenvolvimento web com python e django
Desenvolvimento web com python e django
Igor Sobreira
Qualidade em projetos PHP - SoLiSC 2011
Qualidade em projetos PHP - SoLiSC 2011
Luís Cobucci
Qualidade em projetos PHP - PHPSC Conf 2011
Qualidade em projetos PHP - PHPSC Conf 2011
Luís Cobucci
Aplicativo aula03
Aplicativo aula03
Cláudio Amaral
Python e Django
Python e Django
pugpe
Django - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com Python
Igor Sobreira
Android DevConference - Automatizando testes sem sofrimento
Android DevConference - Automatizando testes sem sofrimento
iMasters
Django Tem Ritmo
Django Tem Ritmo
italomaia
PHP: Como não programar em POG
PHP: Como não programar em POG
Cicero Joasyo Mateus de Moura
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Gustavo Zimmermann
Seu framework é melhor pra quê?
Seu framework é melhor pra quê?
Jaime Neto
Desenvolvendo aplicações web com o framework cakephp
Desenvolvendo aplicações web com o framework cakephp
Rodrigo Aramburu
1001 maneiras de debugar o WordPress
1001 maneiras de debugar o WordPress
Rudá Almeida
LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04
Carlos Santos
Boas Práticas de programação WordPress
Boas Práticas de programação WordPress
Thiago Mendes
Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011
Bruno Rocha
Introdução à Programação Web com Angular
Introdução à Programação Web com Angular
Elmano Cavalcanti
Vraptor 3
Vraptor 3
Cristiano Agosti
Semelhante a Pug: HTML robusto e elegante
(20)
Django
Django
Pense no futuro: PHP com Zend Framework
Pense no futuro: PHP com Zend Framework
Desenvolvimento web com python e django
Desenvolvimento web com python e django
Qualidade em projetos PHP - SoLiSC 2011
Qualidade em projetos PHP - SoLiSC 2011
Qualidade em projetos PHP - PHPSC Conf 2011
Qualidade em projetos PHP - PHPSC Conf 2011
Aplicativo aula03
Aplicativo aula03
Python e Django
Python e Django
Django - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com Python
Android DevConference - Automatizando testes sem sofrimento
Android DevConference - Automatizando testes sem sofrimento
Django Tem Ritmo
Django Tem Ritmo
PHP: Como não programar em POG
PHP: Como não programar em POG
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Seu framework é melhor pra quê?
Seu framework é melhor pra quê?
Desenvolvendo aplicações web com o framework cakephp
Desenvolvendo aplicações web com o framework cakephp
1001 maneiras de debugar o WordPress
1001 maneiras de debugar o WordPress
LabMM3 - Aula teórica 04
LabMM3 - Aula teórica 04
Boas Práticas de programação WordPress
Boas Práticas de programação WordPress
Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011
Introdução à Programação Web com Angular
Introdução à Programação Web com Angular
Vraptor 3
Vraptor 3
Pug: HTML robusto e elegante
1.
html robusto e elegante com
template engines Murilo S. Ferreira Dev. Frontend
2.
Pug – robust,
elegant, feature rich template engine for Node.js
3.
Indentação é muito importante O
Pug utiliza a indentação/espaços em branco do seu código para organizar a hierarquia das suas tags html. ● Evite utilizar tags html (<body>) ● Configure uma indentação padrão no seu editor (.editorconfig)
4.
http://html2jade.org/
5.
Principais funcionalidades ➔ Herança de
layout ➔ Interpolação ➔ Mixins ➔ Iteradores (suporta each e while)
6.
Herança de layout
7.
Exemplo com gulp.js (automatizador
de tarefas) https://github.com/muhroots/template-engine-pug-with-gulp
8.
Referências 1. https://pugjs.org/api/getting- started.html 2. https://blog.codecasts.com.br/ecossistem a-javascript-parte-06-template-engines- b41a41178dce 3.
https://codeburst.io/getting-started- with-pug-template-engine-e49cfa291e33 4. https://medium.com/@robmuh/why-i- dropped-jade-pug-bf440c2269ae
Notas do Editor
Porque decidimos utilizar o pug, mesmo não estando em uma aplicação baseado em node.js?
Comentar problemas ocorridos na compilação do pug
Conversor online
Baixar agora