SlideShare a Scribd company logo
Acelerando o
desenvolvimento
Frontend com Pug.
I am Lucas de Oliveira Gonçalves
Mobile Developer LucasFaiska lucas.faiskaa@gmail.com
Project's Github
Pug is a high performance template
engine heavily influenced by Haml and
implemented with JavaScript for
Node.js and browsers.
Rename from "Jade"
This project was formerly known as "Jade."
However, it has been revealed to us that
"Jade" is a registered trademark, and as a
result a rename is needed. After some
discussion among the maintainers, "Pug"
has been chosen as the new name for this
project.
More info on how to use pug access www.pugjs.org
What is Pug?
Install
Starting
Syntax
Using
Api
Using
Compile
Attributes
Single
Expressions
Multiline
Attributes
Boolean
Style
Class
Literal
Attributes
#ID
Class
Code
Code
Case
Conditional
Code
Iteration
Includes
Template
Inheritance:
Extends a
Page
Mixins
Acelerando o desenvolvimento frontend com pug

More Related Content

PDF
60分鐘完送百萬edm,背後雲端ci/cd實戰大公開
PDF
Grunt JS - Getting Started With Grunt
PPTX
NPM, Bower and Gulp Kickstart in Visual Studio
PDF
Google App Engine (GAE) 演進史
PDF
Gae managed vm introduction
PDF
Introduction to serverless computing on Google Cloud
PPTX
Automating WordPress Plugin Development with Gulp
PDF
Build Your Blazing Fast Site with Gatsby and WordPress @ WordSesh by Muhammad...
60分鐘完送百萬edm,背後雲端ci/cd實戰大公開
Grunt JS - Getting Started With Grunt
NPM, Bower and Gulp Kickstart in Visual Studio
Google App Engine (GAE) 演進史
Gae managed vm introduction
Introduction to serverless computing on Google Cloud
Automating WordPress Plugin Development with Gulp
Build Your Blazing Fast Site with Gatsby and WordPress @ WordSesh by Muhammad...

What's hot (11)

PDF
Django oscar introduction
ODP
What grunt?
PDF
Startup Camp - Git, Python, Django session
ODP
Javascript in Linux Desktop
PDF
Developing GNOME Apps in Javascript
PDF
I/O Extended (GDG Bogor) - Andrew Kurniadi
PDF
Continuous Integration & Continuous Delivery with GCP
PDF
Geospatial web apps development with OpenGeo Suite Client SDK (GXP)
PPT
MVP with GWT and GWTP
PDF
Geospatial web development with GeoEXT
PDF
Tips & Tricks for Maven Tycho
Django oscar introduction
What grunt?
Startup Camp - Git, Python, Django session
Javascript in Linux Desktop
Developing GNOME Apps in Javascript
I/O Extended (GDG Bogor) - Andrew Kurniadi
Continuous Integration & Continuous Delivery with GCP
Geospatial web apps development with OpenGeo Suite Client SDK (GXP)
MVP with GWT and GWTP
Geospatial web development with GeoEXT
Tips & Tricks for Maven Tycho
Ad

Viewers also liked (6)

PDF
Ket Web SEO
PDF
Alloy ui - malik Houni, Adrien Guillard
PPTX
Client Side Performance for Back End Developers - Camb Expert Talks, Nov 2016
PDF
DIEGO ESPINOSA
PDF
[구로국비지원IT학원/재직자환급/오라클교육/SQL기초]#21.SQL초보에서 Schema Objects까지
PDF
agen sofa, agen sofa anak, agen sofa angin,
Ket Web SEO
Alloy ui - malik Houni, Adrien Guillard
Client Side Performance for Back End Developers - Camb Expert Talks, Nov 2016
DIEGO ESPINOSA
[구로국비지원IT학원/재직자환급/오라클교육/SQL기초]#21.SQL초보에서 Schema Objects까지
agen sofa, agen sofa anak, agen sofa angin,
Ad

Similar to Acelerando o desenvolvimento frontend com pug (20)

KEY
Google App Engine Java, Groovy and Gaelyk
PPTX
Custom Runtimes for the Cloud
PDF
Rapid and Reliable Developing with HTML5 & GWT
PDF
Cloud development goes lightweight - Ken Walker
PDF
HTML5 - New UI Library for Games, Chad Austin, IMVU
PDF
Java to Golang: An intro by Ryan Dawson Seldon.io
PDF
welcome to gopherlabs - why go (golang)?
ODP
Web Development in Django
PDF
Wso2 product release webinar introducing jaggery
PDF
C++ in our world
PPTX
Scaling applications with go
PPTX
Building Instruqt, a scalable learning platform
PPT
Dictionary Within the Cloud
PPT
Developing Java Web Applications In Google App Engine
PPTX
APIdays Paris 2019 - Delivering Exceptional User Experience with REST and Gra...
PPTX
Google App Engine for PHP
PDF
Serverless Computing with Google Cloud
PPTX
Deploy Your Website with GCP Workshop slides of GDG on Campus UNSTPB
ODP
Griffon: Re-imaging Desktop Java Technology
PPT
Introduction to go
Google App Engine Java, Groovy and Gaelyk
Custom Runtimes for the Cloud
Rapid and Reliable Developing with HTML5 & GWT
Cloud development goes lightweight - Ken Walker
HTML5 - New UI Library for Games, Chad Austin, IMVU
Java to Golang: An intro by Ryan Dawson Seldon.io
welcome to gopherlabs - why go (golang)?
Web Development in Django
Wso2 product release webinar introducing jaggery
C++ in our world
Scaling applications with go
Building Instruqt, a scalable learning platform
Dictionary Within the Cloud
Developing Java Web Applications In Google App Engine
APIdays Paris 2019 - Delivering Exceptional User Experience with REST and Gra...
Google App Engine for PHP
Serverless Computing with Google Cloud
Deploy Your Website with GCP Workshop slides of GDG on Campus UNSTPB
Griffon: Re-imaging Desktop Java Technology
Introduction to go

Recently uploaded (20)

PPTX
Embracing Complexity in Serverless! GOTO Serverless Bengaluru
PDF
Navsoft: AI-Powered Business Solutions & Custom Software Development
PDF
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
PDF
Addressing The Cult of Project Management Tools-Why Disconnected Work is Hold...
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 41
PDF
PTS Company Brochure 2025 (1).pdf.......
PPTX
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
PDF
Digital Strategies for Manufacturing Companies
PDF
wealthsignaloriginal-com-DS-text-... (1).pdf
PDF
medical staffing services at VALiNTRY
PPTX
CHAPTER 2 - PM Management and IT Context
PDF
T3DD25 TYPO3 Content Blocks - Deep Dive by André Kraus
PDF
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
PDF
Softaken Excel to vCard Converter Software.pdf
PPTX
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
PPTX
Computer Software and OS of computer science of grade 11.pptx
PPTX
ai tools demonstartion for schools and inter college
PPTX
Operating system designcfffgfgggggggvggggggggg
PDF
top salesforce developer skills in 2025.pdf
PDF
Understanding Forklifts - TECH EHS Solution
Embracing Complexity in Serverless! GOTO Serverless Bengaluru
Navsoft: AI-Powered Business Solutions & Custom Software Development
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
Addressing The Cult of Project Management Tools-Why Disconnected Work is Hold...
Internet Downloader Manager (IDM) Crack 6.42 Build 41
PTS Company Brochure 2025 (1).pdf.......
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
Digital Strategies for Manufacturing Companies
wealthsignaloriginal-com-DS-text-... (1).pdf
medical staffing services at VALiNTRY
CHAPTER 2 - PM Management and IT Context
T3DD25 TYPO3 Content Blocks - Deep Dive by André Kraus
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
Softaken Excel to vCard Converter Software.pdf
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
Computer Software and OS of computer science of grade 11.pptx
ai tools demonstartion for schools and inter college
Operating system designcfffgfgggggggvggggggggg
top salesforce developer skills in 2025.pdf
Understanding Forklifts - TECH EHS Solution

Acelerando o desenvolvimento frontend com pug