> Markdown version of [/videos/941-transforming-education-a-journey-from-interactive-markdown-to-remote-labs](https://www.wearedevelopers.com/videos/941-transforming-education-a-journey-from-interactive-markdown-to-remote-labs). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Transforming Education: A Journey from interactive Markdown to Remote-Labs

Can you build interactive, serverless remote labs using only Markdown? Discover how LiaScript uses peer-to-peer protocols to transform static text into collaborative educational environments.

- **Speakers:** [André Dietrich](https://www.wearedevelopers.com/@andre-dietrich)
- **Event:** World Congress 2024
- **Published:** August 20, 2024
- **Duration:** 30:03
- **URL:** https://www.wearedevelopers.com/videos/941-transforming-education-a-journey-from-interactive-markdown-to-remote-labs

## Summary

The digitalization of open educational resources historically isolates content creators within restrictive learning management systems and static formats like PDF or PowerPoint. To bridge the gap between classroom education and web development, educators need tools that mimic the collaborative, open-source nature of software engineering without requiring complex programming skills. This software gap is addressed through LiaScript, an extended, browser-based Markdown interpreter designed to transform static text into highly interactive educational experiences.

Through intuitive syntax extensions, LiaScript natively supports executable code snippets, text-to-speech capabilities, and interactive quizzes, all rendered entirely client-side without dedicated server infrastructure. Educators can build reusable content libraries via macros and templates, treating course materials like importable software dependencies. Because everything executes directly in the browser, users can inspect data inputs, verify calculations dynamically, and participate in shared peer programming environments.

To ensure global accessibility and protect against censorship or monitoring, the application architecture leverages decentralized distribution protocols like the InterPlanetary File System (IPFS), OnionShare over the Tor network, and WebTorrent. Real-time collaboration is powered by WebRTC and conflict-free replicated data types (CRDTs) to sync state seamlessly without central authorities. Extending this peer-to-peer approach, the Edrys platform utilizes the web serial API to create remote-accessible hardware laboratories, allowing students to interact with physical microcontrollers and camera feeds directly from their local web browsers.

**Keywords:** open educational resources, liascript interactive markdown, learning management systems, browser-based code execution, decentralized content distribution, IPFS protocol sharing, in-browser webtorrent sharing, onionshare tor networking, peer-to-peer webRTC, conflict-free replicated data types, remote hardware laboratories, web serial API integration, remote arduino configuration, trystero network abstraction, shared space peer programming, client-side text-to-speech

## Chapters

1. **Challenges in open educational resources** (00:03) — The limitations of fragmented authoring tools and the lack of collaboration formats in OER creation.
1. **Creating interactive educational content with LiaScript** (03:47) — Using an extended version of Markdown to build versionable, multimedia-rich textbooks and presentations.
1. **Embedding interactive quizzes in Markdown documents** (06:30) — Building single-choice and multiple-choice quizzes using simple bracket and parenthesis syntax.
1. **Executing code snippets directly within the browser** (07:33) — Turning static code blocks into immediately executable environments for JavaScript, C++, and algebra systems.
1. **Importing functional Markdown templates and text-to-speech modules** (10:19) — Loading external Markdown libraries to add configurable features like ABC music notation rendering and interactive speech.
1. **Building reactive content with dynamic script tags** (11:56) — Using script tags to fetch live data and link inputs to reactive outputs for inspectable calculations.
1. **Executing serverless course distribution via URL parameters** (13:42) — Loading and rendering interactive courses entirely within the browser using raw Markdown URLs.
1. **Distributing educational content with peer-to-peer protocols** (14:32) — Distributing educational materials securely and resiliently using distributed file systems and WebTorrent.
1. **Enabling real-time shared classrooms and collaborative editing** (17:43) — Connecting users into synced, peer-to-peer spaces for real-time collaboration and chat using browser state.
1. **Simplifying peer-to-peer connections using WebRTC abstraction libraries** (20:26) — Bypassing complex WebRTC signaling by using abstraction libraries like Trystero to construct decentralized rooms.
1. **Synchronizing decentralized application state with CRDTs** (22:33) — Handling conflict-free decentralized state synchronization using data structures like Yjs without centralized authorities.
1. **Sharing physical hardware access in remote browser laboratories** (24:23) — Utilizing Web Serial APIs, WebRTC, and CRDTs to remotely stream and interact with embedded hardware like Arduino.

## Related Moments

- [Showcasing emerging tools for collaborative coding and moderation](https://www.wearedevelopers.com/videos/1335-wearedevelopers-live-should-we-respect-llms-is-rust-taking-over-developers-as-content-creators-and-more) (from "WeAreDevelopers LIVE - Should We Respect LLMs? Is Rust Taking Over? Developers as Content Creators and more")
- [Powering interactive JavaScript learning environments in the browser](https://www.wearedevelopers.com/videos/2135-wearedevelopers-live-streaming-html) (from "WeAreDevelopers LIVE - Streaming HTML")
- [Scripting interactive technical presentations inside the editor environment](https://www.wearedevelopers.com/videos/1766-devs-vs-marketers-cobol-and-copilot-make-live-coding-easy-and-more-the-best-of-live-2025-part-3) (from "Devs vs. Marketers, COBOL and Copilot, Make Live Coding Easy and more - The Best of LIVE 2025 - Part 3")
- [Designing an interactive technical architecture masterclass without coding](https://www.wearedevelopers.com/videos/1826-event-driven-microservices-patterns-and-practices-lutz-heunkhen) (from "Event-Driven Microservices: Patterns and Practices - Lutz Heunkhen")
- [Discussing open source availability and accessibility adaptiveness](https://www.wearedevelopers.com/videos/1159-speak-code-deploy-transforming-developer-experience-with-voice-commands) (from "Speak, Code, Deploy: Transforming Developer Experience with Voice Commands")
- [Repurposing entertainment platforms for technical education](https://www.wearedevelopers.com/videos/1386-the-future-past-of-technology-a-game-developers-pov) (from "The Future Past of Technology - A Game Developers POV")

## Related Articles

- [Dev Digest 138 - Are you secure about this?](https://www.wearedevelopers.com/magazine/486-dev-digest-138-are-you-secure-about-this)
- [Dev Digest 131 - AI'm not sure about OSS](https://www.wearedevelopers.com/magazine/472-dev-digest-131-ai-m-not-sure-about-oss)
- [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix)
- [Dev Digest 113 - Debugging above the cloud](https://www.wearedevelopers.com/magazine/422-dev-digest-113-debugging-above-the-cloud)

## Related Jobs

- [Working Student Frontend Development](https://www.wearedevelopers.com/jobs/ext/1185791-working-student-frontend-development) at **ZEISS Group**
- [Staff Developer Advocate, GitHub Security Lab](https://www.wearedevelopers.com/jobs/ext/1921051-staff-developer-advocate-github-security-lab) at **GitHub**
- [Senior Software Engineer](https://www.wearedevelopers.com/jobs/ext/15942-senior-software-engineer) at **GitHub**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/682327-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/639235-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/645320-remote-senior-full-stack-engineer) at **Edge Impulse**