Learn HyperTemplates


Goal


In this tutorial we will introduce the five core building blocks behind HyperTemplates pure-HTML templating system: template attributes. In as little as 15 minutes you'll learn enough to start making your own layout templates.

Setup


There are only three requirements for this series of tutorials:

  • The HyperTemplates CLI tool (hyperctl) (downloads)
  • A text editor
  • A browser

Lessons


Lesson 1: ht-content
Learn more about content templating. Learn more
Lesson 2: ht-attrs
Learn more about HTML attribute templating. Learn more
Lesson 3: ht-if
Learn more about template conditionals. Learn more
Lesson 4: ht-include
Learn more about template includes. Learn more
Lesson 5: ht-template
Learn more about template iterators. Learn more

💬 Join the community

Stay up-to-date with the latest releases and other news from the Team behind HyperTemplates. Ask the developers questions, get help from the community, and share your creations! 🎨