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

Edit this page on GitHub

💬 Join the community

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