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

Introduction to Pug Template Engine

Avatar for Alefe Souza Alefe Souza
June 27, 2018
Programming
600
0

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

More Decks by Alefe Souza

See All by Alefe Souza
NativeScript: Native Apps with Angular
Avatar for Alefe Souza alefesouza
0
490
Implementing GraphQL with PHP - PHP Community Summit
Avatar for Alefe Souza alefesouza
0
320
Implementing GraphQL with Laravel and Vue.js
Avatar for Alefe Souza alefesouza
0
350
React: Zero to Hero
Avatar for Alefe Souza alefesouza
2
520
Implementing GraphQL with PHP
Avatar for Alefe Souza alefesouza
0
590
Node.js Chatbots with Bot Framework
Avatar for Alefe Souza alefesouza
0
410
GraphQL: A new way to write APIs
Avatar for Alefe Souza alefesouza
0
450
Firebase as back-end
Avatar for Alefe Souza alefesouza
0
480
GitLab: A tool for the entire DevOps lifecycle.pdf
Avatar for Alefe Souza alefesouza
0
710

Other Decks in Programming

See All in Programming
TypeSpec で繋ぐ複数プロダクトの型安全
Avatar for Mitsui maroon8021
1
250
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
Avatar for nrs nrslib
0
180
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
Avatar for Daisuke Garaike contour_gara
0
260
横断組織出身のQAEがインプロセスQAEでつまずいたこと・活かせたこと
Avatar for Taiki Yamashita ty89
0
320
ユニットテストの先へ：テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
Avatar for SHIMANE, Yoshikazu shimashima35
0
220
デフォルト運用のCodeRabbit、1年で何が変わったか / How CodeRabbit Changed Our Code Review in 1 Year
Avatar for bake0937 bake0937
1
110
OSもどきOS
Avatar for Sora Arakawa arkw
0
160
Spec-Driven Development with AI-Agents: From High-Level Requirements to Working Software
Avatar for Anton Arhipov antonarhipov
2
360
Inside Stream API
Avatar for Yuichi.Sakuraba skrb
1
210
Zod v4 Codec でスキーマに型変換を埋め込む REST API 設計 #TSKaigi2026
Avatar for Ryutaro Yako ryutaro_yako
0
150
自動レビューエンジンの実装と運用 ~レビューのない世界へ~
Avatar for Kanato kurukuru1999
2
270
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
Avatar for minako-ph minako__ph
4
620

Featured

See All Featured
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
410
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.7k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
930
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
360
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
310
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
310
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
710
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Designing for Performance
Avatar for Lara Hogan lara
611
70k

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