Best viewed on desktop Mobile Friendly tutorial coming soon!

Welcome to Marko!

Marko is a language for building fast, dynamic websites — designed to feel like the HTML you already know, compiled to be faster than the frameworks you’ve tried.

This tutorial teaches Marko right here in your browser. On this side: the lesson. On the right: a code editor, a terminal, and a live preview of a real Marko app — running Node.js entirely inside your browser tab.

Let’s prove it’s alive. The page on the right shows a heading and a counting button. In the editor, change the text

<h1>Hello Marko 6</h1>

to greet yourself instead — something like <h1>Hello Ryan</h1>. The moment you stop typing, the preview updates. No save button, no refresh.

Go ahead and click the counter too. Don’t worry about the <let> and onClick syntax making it work — that’s a later chapter. For now, one idea matters:

a Marko file is just HTML that can come alive.

That idea is where the next lesson begins.

Powered by WebContainers Built with TutorialKit Built with ❤️ by defunkt-dev
Files
Preparing Environment
  • Installing dependencies
  • Starting dev server