Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

html robusto e elegante

Avatar for Murilo de Siqueira Ferreira Murilo de Siqueira Ferreira
November 12, 2018
Technology
25
0

html robusto e elegante

Avatar for Murilo de Siqueira Ferreira

Murilo de Siqueira Ferreira

November 12, 2018

More Decks by Murilo de Siqueira Ferreira

See All by Murilo de Siqueira Ferreira
Introdução ao AMP (Accelerated Mobile Pages)
Avatar for Murilo de Siqueira Ferreira muhroots
0
27
Criando componentes interativos em páginas AMP com <amp-bind>
Avatar for Murilo de Siqueira Ferreira muhroots
0
28
Acessibilidade na web
Avatar for Murilo de Siqueira Ferreira muhroots
0
43

Other Decks in Technology

See All in Technology
分析AIエージェントを育てる、動く環境を育てる
Avatar for Codatum codatum
1
1.1k
Railsで挑む大量データ永続化 〜600億件を永続化するための設計とボトルネックとの戦い〜
Avatar for Shoichi Ochi occhi
1
580
アウトプット初心者、半年間のふりかえり
Avatar for aoi 4o1sobblue
0
430
Classmethod Company Deck
Avatar for Satoshi7 satoshi7
1
680
エンタメ企業のM&Aを支えるデータ基盤 ― 統合から店舗のリアルタイム分析まで / Data Engineering Summit 2026
Avatar for GENDA genda
0
170
脆弱性診断って、何をしているの？ 〜弱点を見つけて、会社の改善につなげるまで〜
Avatar for KeeG keeg
0
920
夫婦で子育てするための育児標準化
Avatar for コドモン開発チーム codmoninc
PRO
0
340
AI導入は済んだ。次は統制を作り替える番だ_AI×開発組織 Summit 2026
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
220
[JAWS-UG彩の国埼玉#12]そろそろ準備する？re:Invent2026をやさしく解説 / reinvent2026-sainokuni
Avatar for sh_fk2 sh_fk2
1
340
サブエージェントと Claude Mods で作る独自 Advisor ツールの話
Avatar for Kenichi Odo kenichiodo
2
160
Claude Code本は、どのように執筆チームで書かれたか
Avatar for Oikon oikon48
1
380
AIがコードを書く時代に、エンジニアは何で自分の価値を証明するのか / In an era where AI writes code how do engineers prove their value
Avatar for CARTA Engineering carta_engineering
3
1.1k

Featured

See All Featured
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
400
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
600
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
2
2k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
350
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
59k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
300
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.6k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
3k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
1
400

Transcript

  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.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