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

Pug as Blade Template Alternative

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Alefe Souza Alefe Souza
March 28, 2018
Technology
0
480

Pug as Blade Template Alternative

Slides da minha palestra no 7Masters explicando um pouco sobre a sintaxe do Pug e como utilizar no Laravel.

https://www.meetup.com/iMasters/events/248665154/
https://setemasters.imasters.com.br/edicoes/laravel/

Avatar for Alefe Souza

Alefe Souza

March 28, 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 Technology

See All in Technology
CodeRabbit CLI + Claude Codeの連携について
Avatar for Oikon oikon48
1
670
日本語テキストと音楽の対照学習の技術とその応用
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
300
Databricks Free Edition講座 データサイエンス編
Avatar for Takaaki Yayoi taka_aki
0
230
【インシデント入門】サイバー攻撃を受けた現場って何してるの？
Avatar for Shumei Ito shumei_ito
0
770
Werner Vogelsが14年間 問い続けてきたこと
Avatar for Yusuke Shimizu yusukeshimizu
2
240
持続可能な開発のためのミニマリズム
Avatar for SansanTech sansantech
PRO
4
590
フロントエンド開発者のための「厄払い」
Avatar for OPTiM optim
0
180
GitHub Copilot CLI 現状確認会議
Avatar for Toru Makabe torumakabe
12
4.9k
Web Intelligence and Visual Media Analytics
Avatar for webLyzard technology weblyzard
PRO
1
6.8k
新規事業 toitta におけるAI 機能評価の話 / AI Feature Evaluation in toitta
Avatar for pokutuna pokutuna
0
280
習慣とAIと環境 — 技術探求を続ける3つの鍵
Avatar for azukiazusa azukiazusa1
3
800
re:Inventで出たインフラエンジニアが嬉しかったアップデート
Avatar for nagisa_53 nagisa53
4
220

Featured

See All Featured
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
120
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
110
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
300
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
660

Transcript

  1. @alefesouza UTF-8 LF PHP [email protected] @alefesouza <h1>Pug, uma alternativa ao

    Blade Template</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="sameAs">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>Template Engine

    originalmente para Node.js.</li> <li>Conhecido anteriormente como Jade.</li> <li>Baseado em indentação e seletores.</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 app/config.php UTF-8 LF PHP

    [email protected]

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

  6. @alefesouza UTF-8 LF PHP [email protected] @alefesouza app/Http/Controller/HomeController.php UTF-8 LF PHP

    [email protected]

  7. @alefesouza UTF-8 LF PHP [email protected] @alefesouza resources/views/test.blade.php UTF-8 LF PHP

    [email protected]

  8. @alefesouza UTF-8 LF PHP [email protected] @alefesouza resources/views/test.pug UTF-8 LF Pug

    [email protected]

  9. @alefesouza UTF-8 LF PHP [email protected] @alefesouza ⇒ h1 Mixins UTF-8

    LF Pug [email protected]

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

    [email protected]

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

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

    [email protected]

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

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

    [email protected]

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

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

    LF Pug [email protected] h2 @alefesouza