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

Introduction to Pug Template Engine

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
390
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
390
Python’s True Superpower
Avatar for Hynek Schlawack hynek
0
110
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
330
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1k
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
180
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
140
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
620

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
460
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.3k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
230
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
180
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
360

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