HTML Robusto e Elegante com Template Engines
•
0 gostou•39 visualizações
Nessa palestra Murilo Siqueira nos mostrou como utilizar o template engine pug.js para escrever HTML mais dinâmico e reutilizável.
Recomendados
Mais conteúdo relacionado
Semelhante a HTML Robusto e Elegante com Template Engines
Semelhante a HTML Robusto e Elegante com Template Engines (20)
Mais de Dev PP
Mais de Dev PP (16)
HTML Robusto e Elegante com Template Engines
- 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)
- 5. Principais funcionalidades ➔ Herança de layout ➔ Interpolação ➔ Mixins ➔ Iteradores (suporta each e while)
- 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.htm l 2. https://blog.codecasts.com.br/ecossistem a-javascript-parte-06-template-engines-b 41a41178dce 3. https://codeburst.io/getting-started-with- pug-template-engine-e49cfa291e33 4. https://medium.com/@robmuh/why-i-dr opped-jade-pug-bf440c2269ae