Web Development with Jade电子书

Web Development with Jade

Table of Contents

Web Development with Jade

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers and more

Why Subscribe?

Free Access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. What is Jade?

Markup like poetry

Why should I preprocess?

How Jade preprocesses

Comparison with other preprocessors

HAML

PHP

Jinja2

Mustache

Installation instructions

Compiling Jade

Summary

2. Basic Syntax

Significance of whitespace

Tags

Text and blocks of text

Text on the same line

Text blocks

Shorthand text blocks

Inline HTML

Attributes

Passing objects as attributes

Shorthands

IDs and classes

Automatic div

Comments

Single line

Block comments

Block expansion

Doctypes

Summary

3. Feeding Data into Templates

Syntax

Defining variables

Interpolation everywhere!

Using variables without interpolation

Escaping

Sending the variables to the compiler

Compiler arg

Programmatically

Summary

4. Logic in Templates

Adding logic with JavaScript

If/else

For loops

Complex operations

Built-in logical operators

If / else / else if

Unless

Cases

Each loops

While loops

A warning about interpolation

Summary

5. Filters

The full list

Template engines

Stylesheet languages

Minifiers

Others

Examples

Markdown

CoffeeScript

Stylus

Passing arguments

Summary

6. Mixins

Syntax and mechanics

Defining mixins

Calling mixins

Passing blocks

Another warning about interpolation

The arguments object

Summary

7. Template Inheritance

Blocks

Blocks don't provide encapsulation

Extends

Replace

Append

Prepend

Incompatibility

Extra things in extenders

Includes

Static

Filtered

Jade

Summary

8. Organizing Jade Projects

General best practices

Keeping logic out of templates

Inlining

Minification

Removing style-induced redundancy

Semantic divisions

Server-side versus client-side rendering

Client-side rendering

Server-side rendering

Build systems

Summary

A Closing Note – Contributing Back to Jade

Index