Kezz BraceyNov 10, 2014Lessons: 18Length: 2.3 hours

Next lesson playing in 5 seconds

Overview
Transcript

1.1 Top-Speed HTML and Easy Templating

In this course you’ll learn how to use Jade in two powerful ways. First you’ll get your coding to top speed with lightning fast Jade shorthand HTML. Then you’ll create your own reusable boilerplate systems with Jade’s quick and easy templating functionality. In this lesson we’ll take a sneak peak at what you’re about to learn.

1.Introduction
2 lessons, 11:12

1.1
Top-Speed HTML and Easy Templating
01:33

1.2
Quick and Easy Setup
09:39

2.Jade Lang for HTML Shorthand
5 lessons, 41:24

2.1
Fast HTML Tags and Nesting
13:31

2.2
Placing Text Inside Tags
07:11

2.3
Shortcuts to Insert Classes and IDs
05:50

2.4
Add Full Tag Attributes
09:03

2.5
Create a Basic Page Structure
05:49

3.Jade Lang Templating Basics
4 lessons, 38:05

3.1
Creating Parent and Child Templates
14:34

3.2
Append and Prepend Blocks
08:07

3.3
Use Variables and Conditionals to Configure Templates
09:47

3.4
Override Config Variables Per Page
05:37

4.Incorporating Other Languages
4 lessons, 21:50

4.1
Writing Inline JavaScript or Including External JavaScript
05:33

4.2
Using Language Filters
07:06

4.3
Inline HTML When You Need It
03:12

4.4
External Markdown/HTML Content via Includes
05:59

5.Intermediate Jade Techniques
2 lessons, 24:47

5.1
Using JavaScript Processes With Jade Variables
10:31

5.2
Create a Nav Menu With a Mixin and Iteration
14:16

6.Conclusion
1 lesson, 01:11

6.1
Wrapping Up
01:11

Kezz Bracey

Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.

Top-Speed HTML Development With Jade

Next lesson playing in 5 seconds

1.1 Top-Speed HTML and Easy Templating

1.Introduction2 lessons, 11:12

2.Jade Lang for HTML Shorthand5 lessons, 41:24

3.Jade Lang Templating Basics4 lessons, 38:05

4.Incorporating Other Languages4 lessons, 21:50

5.Intermediate Jade Techniques2 lessons, 24:47

6.Conclusion1 lesson, 01:11