Practice mode · free · unlimited · not certifiable
Diagrams as Text
Unscored tasks with hints and instant feedback. Practice results never become credentials.
Short lesson
Markdown that renders everywhere · 6 min
One H1, headings in order, fenced code with a language, tables with a header row, $…$ for math, ```mermaid for diagrams.
L1A simple flowchartmarkdown
Draw a Mermaid flowchart: Start → Write draft → Review → Publish.
Sign up to practiseL3Decisions and loopsmarkdown
Draw the signup validation flow in Mermaid: Start → Input valid? (decision); Yes → Save record; No → Show error → back to the input check.
Sign up to practiseL3A sequence diagrammarkdown
Draw a Mermaid sequence diagram for login: Browser → API: POST /login; API → DB: find user; DB → API: user; API → Browser: 200 + token.
Sign up to practiseL4Order state machinemarkdown
Model an order in a Mermaid stateDiagram: [*] → Pending → Paid → Shipped → Delivered → [*]; Pending → Cancelled; Paid → Refunded.
Sign up to practise