Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to Pug Template Engine

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Alefe Souza Alefe Souza
June 27, 2018
Programming
0
580

Introduction to Pug Template Engine

https://github.com/alefesouza/pug-introduction
https://youtube.com/watch?v=t6ZkhDRluzw

Avatar for Alefe Souza

Alefe Souza

June 27, 2018
Tweet

More Decks by Alefe Souza

See All by Alefe Souza
NativeScript: Native Apps with Angular
Avatar for Alefe Souza alefesouza
0
470
Implementing GraphQL with PHP - PHP Community Summit
Avatar for Alefe Souza alefesouza
0
300
Implementing GraphQL with Laravel and Vue.js
Avatar for Alefe Souza alefesouza
0
330
React: Zero to Hero
Avatar for Alefe Souza alefesouza
2
500
Implementing GraphQL with PHP
Avatar for Alefe Souza alefesouza
0
570
Node.js Chatbots with Bot Framework
Avatar for Alefe Souza alefesouza
0
400
GraphQL: A new way to write APIs
Avatar for Alefe Souza alefesouza
0
440
Firebase as back-end
Avatar for Alefe Souza alefesouza
0
470
GitLab: A tool for the entire DevOps lifecycle.pdf
Avatar for Alefe Souza alefesouza
0
690

Other Decks in Programming

See All in Programming
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.7k
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
920
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
140
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.1k
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
5.8k
Claude Codeの「Compacting Conversation」を体感50%減！ CLAUDE.md + 8 Skills で挑むコンテキスト管理術
Avatar for Kazuki Murahama kmurahama
1
820
re:Invent 2025 トレンドからみる製品開発への AI Agent 活用
Avatar for Kohei Yoshikawa yoskoh
0
700
AIエージェントの設計で注意するべきポイント6選
Avatar for Har1101 har1101
7
3.3k
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.7k
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
2.4k
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
610
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
170

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
43
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
270
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
90
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k

Transcript

  1. @alefesouza UTF-8 LF PHP [email protected] @alefesouza <h1>Introdução ao template engine

    Pug</h1> @alefesouza UTF-8 LF HTML [email protected]

  2. @alefesouza UTF-8 LF PHP [email protected] @alefesouza <h2 itemprop="name">Alefe Souza</h2> @alefesouza

    <p itemprop="knows">JS, PHP, Java, C#</p> <p itemprop="sameAs">@alefesouza</p> <a itemprop="url">https://alefesouza.com</a> <h3 itemprop="jobTitle">Full Stack Developer</h3> <p itemprop="worksFor">iMasters</p> UTF-8 LF HTML [email protected]

  3. @alefesouza UTF-8 LF PHP [email protected] @alefesouza <h1>Pug</h1> <ul> <li>Conhecido anteriormente

    como Jade.</li> <li>Baseado em indentação e seletores.</li> <li>Extend, Block e Include.</li> <li>Variáveis, iteradores, condicionais e mixins.</li> </ul> UTF-8 LF HTML [email protected]

  4. @alefesouza UTF-8 LF PHP [email protected] @alefesouza <a>http://bit.ly/app-pug</a> <h1>Live Code!</h1>

  5. @alefesouza UTF-8 LF PHP [email protected] @alefesouza _variables.pug UTF-8 LF Pug

    [email protected]

  6. @alefesouza UTF-8 LF PHP [email protected] @alefesouza UTF-8 LF HTML [email protected]

  7. @alefesouza UTF-8 LF PHP [email protected] @alefesouza _companies.pug UTF-8 LF Pug

    [email protected]

  8. @alefesouza UTF-8 LF PHP [email protected] @alefesouza UTF-8 LF HTML [email protected]

  9. @alefesouza UTF-8 LF PHP [email protected] @alefesouza _sponsors.pug UTF-8 LF Pug

    [email protected]

  10. @alefesouza UTF-8 LF PHP [email protected] @alefesouza UTF-8 LF Vue [email protected]

  11. @alefesouza UTF-8 LF PHP [email protected] @alefesouza h1 Obrigado!! @alefesouza UTF-8

    LF Pug [email protected] h2 @alefesouza