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

Introduction to Pug Template Engine

Avatar for Alefe Souza Alefe Souza
June 27, 2018
Programming
620
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
510
Implementing GraphQL with PHP - PHP Community Summit
Avatar for Alefe Souza alefesouza
0
330
Implementing GraphQL with Laravel and Vue.js
Avatar for Alefe Souza alefesouza
0
370
React: Zero to Hero
Avatar for Alefe Souza alefesouza
2
540
Implementing GraphQL with PHP
Avatar for Alefe Souza alefesouza
0
610
Node.js Chatbots with Bot Framework
Avatar for Alefe Souza alefesouza
0
430
GraphQL: A new way to write APIs
Avatar for Alefe Souza alefesouza
0
470
Firebase as back-end
Avatar for Alefe Souza alefesouza
0
500
GitLab: A tool for the entire DevOps lifecycle.pdf
Avatar for Alefe Souza alefesouza
0
740

Other Decks in Programming

See All in Programming
Kotlinの15年とServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
160
npm との違いを手がかりにGo の依存管理を理解したい
Avatar for OPTiM optim
0
1k
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
Avatar for kinopee kinopeee
28
34k
Domain-Driven Transformation
Avatar for Henning Schwentner hschwentner
2
2.3k
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
160
Railsのためのパスキー実践入門 〜マルチテナントSaaSでの意思決定〜
Avatar for utakaha utakaha
3
990
AI主導のプログラミング学習アプリを作ってみた
Avatar for econanringo econanringo
0
180
Compiling a real-world CLI tool to native with Static Hermes
Avatar for Tzvetan Mikov tmikov2023
0
130
IBM Bob でAI駆動開発『QC-Playbook』
Avatar for 1kano ichirokano2
0
120
Optunaを作ったときにやりたかったこと、その後 (2026/10/16, Optuna Meetup #3)
Avatar for Takuya Akiba iwiwi
2
1.2k
[2026-09-26]空論ジェネリックプロセス～テスト資産とAIで紡ぐ、再現可能なパフォーマンスチューニングの話～
Avatar for tosite tosite
0
270
見えないものを探る要求要件定義に必要な基本的思考 / invisible-requirement-thinking
Avatar for MinoDriven minodriven
15
8.6k

Featured

See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
310
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.2k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
1
640
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
410
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.9k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
4k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
390
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k

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