How the Markdown tutor works

1. Pick a lesson from the dropdown (or use the Next / Previous controls).
2. Type Markdown in the left pane — the live preview on the right updates as you type so you can see exactly how each character renders.
3. Press Check answer when you think you have it. The checker looks for the syntax fragments required by the lesson and tells you exactly what is missing.
4. Stuck? Press Show solution to peek at a working answer, then Load into editor to study it side by side with the preview.

The lessons are intentionally tiny. You finish each one in under a minute, which keeps momentum high — the opposite of long video tutorials where you forget the syntax by the time the next chapter starts.

What you will be able to do after this tutorial

After roughly 15–20 minutes with the tutor you will comfortably:

• Structure a document with headings (# to ######) and understand why a single H1 matters for SEO and accessibility.
• Write inline formatting — **bold**, _italic_, \code`, and strikethrough`.
• Build links ([label](url)) and images (![alt](src)) with alt text.
• Create lists — ordered (1.), unordered (-), and GitHub task lists (- [ ], - [x]).
• Drop in fenced code blocks with a language tag (\``js`) for syntax-highlighted output.
• Lay out GFM pipe tables with column alignment.

That is enough to write a polished README, a release note, a documentation page, a blog post, or a meeting note.

Why interactive practice beats reading a cheat sheet

Reading "use ## for H2" and actually typing ## Getting started and watching it become a styled heading in the preview are very different experiences. The first is forgotten in five minutes; the second sticks because your hands learn the muscle pattern.

Each lesson here mimics that flow:

1. A clear goal ("create an H1 and an H2").
2. A scratch pad where you type.
3. Immediate visual feedback — both the rendered preview and the pass / fail check.

That feedback loop is identical to how seasoned developers learn any new syntax — small experiments, fast confirmation.

Companion resources

• Markdown cheat sheet — a printable reference once you have the basics.
• Markdown guide — deeper explanations of every feature.
• GFM compliance checklist — verify your real documents follow GitHub-flavored conventions.
• Markdown table generator — build complex tables visually once syntax basics click.

Privacy & data

Everything in the tutor — the lesson checker, the preview renderer, and your draft text — runs locally in the browser. No keystrokes are sent to a server, no usage data is logged per session, and nothing is stored after you close the tab. Practice as freely as you would in a paper notebook.