Jade works much like CoffeeScript but it is used for HTML instead. I recommend that you install the
mquandalle:jade package. All the Jade files are saved with a
.jade extension. This section will cover the most used aspects of Jade in Meteor such as HTML tags, components, and helpers.
Much like CoffeeScript, Jade is a language that depends heavily on tabbing. When you want to add children to an HTML tag, you simply use tab. Tag IDs and classes can be added using the CSS selector notation (
'input#name.first'). This means classes are expressed with a dot (
.) and IDs are expressed with a pound (
#). Let's look at an example:
//- JADE div#container ul.list li(data-bind="clickable") Click me! <!-- HTML – OUTPUT --> <div id="container"> ...