- 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
1.1Top-Speed HTML and Easy Templating01:33
1.2Quick and Easy Setup09:39
2.Jade Lang for HTML Shorthand
2.1Fast HTML Tags and Nesting13:31
2.2Placing Text Inside Tags07:11
2.3Shortcuts to Insert Classes and IDs05:50
2.4Add Full Tag Attributes09:03
2.5Create a Basic Page Structure05:49
3.Jade Lang Templating Basics
3.1Creating Parent and Child Templates14:34
3.2Append and Prepend Blocks08:07
3.3Use Variables and Conditionals to Configure Templates09:47
3.4Override Config Variables Per Page05:37
4.Incorporating Other Languages
4.1Writing Inline JavaScript or Including External JavaScript05:33
4.2Using Language Filters07:06
4.3Inline HTML When You Need It03:12
4.4External Markdown/HTML Content via Includes05:59
5.Intermediate Jade Techniques
5.1Using JavaScript Processes With Jade Variables10:31
5.2Create a Nav Menu With a Mixin and Iteration14:16
6.Conclusion
6.1Wrapping Up01:11
1.1 Top-Speed HTML and Easy Templating
If you're a web designer and you ever have to produce a single line of HTML and you're not using Jade, then you're missing out on some of the fastest HTML you'll ever produce, as well incredibly simple and flexible boilplate templating methods you can use in any way you need to for your projects. When you complete top speed HTML development with Jade, you'll be fully equipped with two must have new weapons in your development arsenal. Firstly, you'll learn to use Jade as an HTML shorthand tool. You'll take less than half the keystrokes to produce the same code. And you'll never again have any tags left open accidentally or incorrectly nested elements. Your code will be written fast and virtually error free, thanks to Jade. Next, you'll learn how to use Jade to create your own fully configurable boilerplate templates that you can use over and over again. You'll never again need to write the same code out twice, and your static HTML site production will be faster than ever before. Through all this you'll also learn all the essentials of working with Jade language, so you can use it in any way you want from that point forward. And at the same time, you'll have a set of extremely practical implementations of that knowledge, that you can use to completely change the way you develop HTML immediately. So let's go right now and get started on top speed HTML development with Jade.
