How to Build a Website Using Coralite with only HTML, Templates & Custom Elements.

preview_player
Показать описание
How to create a static website using Coralite, a command-line tool that uses HTML web standards and modern Web APIs.

- Setting up directories for templates and pages
- Creating custom elements with dash-separated naming conventions
- Using *Mustache-style tokens* for dynamic data rendering
- Implementing *slotted content* (default and named slots)
- Modifying slot values via computed functions
- Handling complex data (e.g., dates, JSON objects) with **computed tokens**
- Compiling pages and outputting static HTML.

Whether you're new to command-line tools or exploring static site generation, this tutorial covers foundational concepts like template rendering, attribute parsing, and HTML module integration. No prior Coralite experience required.

⏱️ Timestamps:
0:00:00 – Introduction to Coralite & Command Line Setup
0:00:21 – Creating Your First Page with Custom Elements
0:00:47 – Attribute Data Passing in Custom Elements
0:01:04 – Template File Structure & Custom Element Naming
0:01:38 – Coralite Installation (Global vs. Local)
0:02:29 – Slotted Content & Named Slots Explained
0:03:33 – Modifying Computed Slots with HTML Modules
0:05:03 – Computed Tokens for Dynamic Data (e.g., Date-Time Conversion)
0:06:51 – Rendering External Data from Files/APIs
0:08:31 – Compiling Pages & Final Output Review
Рекомендации по теме
welcome to shbcf.ru