Learn How To Share Your Code Examples With Others Via Code Playbacks
Just Added

Learn How To Share Your Code Examples With Others Via Code Playbacks

Learn about the tools and best practices to create and share code playbacks with others!

By Mark Mahoney

Date and time

Location

Online

About this event

  • Event lasts 1 hour

Are you a computer science instructor who likes to come up with your own code examples to help teach about programming? If so, code playbacks make it easy to build examples that you can go through in class and students can view outside of class.

What are code playbacks, and how are they different from traditional teaching methods like videos or textbooks?

  • Code playbacks are a medium for guiding learners through code. They recreate and animate programming sessions showing how code evolves step-by-step.
  • Compared to textbooks, playbacks can show how code evolves over time and allow authors to explain their thought process.
  • Compared to videos, playbacks encourage a learner to pause and reflect on the material, moving through the code at their own pace rather than just letting a video play on. The playback automatically pauses at comment points to give time for reflection.
  • Collections of playbacks can replace traditional textbooks and videos, allowing instructors to provide students with exactly the code examples and explanations they want them to see.
  • Students have shown a strong preference for playbacks over textbooks and videos for learning programming concepts

Frequently asked questions

What kind of content can I add to my playbacks?

The tool tracks changes to your code in any directory. You can go back and add a narrative to the evolution of the code in a 'code playback'. An instructor can highlight code, add a written description of the changes, add whiteboard-style pictures, screenshots, videos, and multiple choice questions.

How do learners view the playbacks? Do they need to install anything?

A code playback is displayed as a single web page. All one needs to view a playback is a web browser.

How can I share the playbacks I create?

Playbacks are simple web pages that can be shared on a course website or LMS. They also can be grouped together and stored as GitHub Pages sites.

What is Storyteller, and is it free or open source?

Storyteller is a VS Code editor extension used to create code playbacks. It is free and open-source.

Is Storyteller limited to specific programming languages?

No, Storyteller is programming language independent. It captures file changes regardless of the language.

Organized by

FreeJul 29 · 11:00 AM PDT