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
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
480
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
580
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
700

Other Decks in Programming

See All in Programming
MUSUBIXとは
Avatar for Hisaho nahisaho
0
140
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
Avatar for Kuniwak orgachem
PRO
1
140
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
140
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k
Oxlint JS plugins
Avatar for kazupon kazupon
1
970
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
780
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
390
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.4k
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
5
740
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1k

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
86
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
120
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
HDC tutorial
Avatar for Michiel Stock michielstock
1
380
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
100
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k

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