A collection of components that can be used to enhance tutorials to allow for better learning.
For each component, I want to create an educational rationale, the component itself and how to use it.
| Component | Blog Post | Astro | Web component |
|---|---|---|---|
| Prior Knowledge | Post | Astro component | Web component |
| Embedded Code Editor | Post | TODO | TODO |
| Spoiler | Initial Post | TODO | TODO |
| Quiz | TODO | TODO | TODO |
| Exemplars | TODO | TODO | TODO |
| Callouts | TODO | TODO | TODO |
| Progress | TODO | TODO | TODO |
I would like these to be as versatile as possible and while I'm starting in Astro, I'm planning on using web components. I'm currently exploring Lit as a library to help with that.