Acelerando o desenvolvimento frontend com pug

Embed Size (px)

Citation preview

Acelerando o desenvolvimento Frontend com Pug.

I am Lucas de Oliveira Gonalves

Mobile [email protected]

Project's GithubPug 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