I have struggled with the speed at which I can write code live in class. It is hard to do it fast enough to keep students interested. It is also difficult to show even moderately complex programs from start to finish.

I have created a tool that allows me to move quickly through my code where students can still see how the solution evolves. I can comment at interesting points in the development of the code and attach hand drawn pics and screenshots. Here are some examples:

https://ourcodestories.com/markm208/Playlist/All

(Click on the >> button to move from comment to comment. These work best on a big screen)

I show some of these in class before asking the students to work on a related problem. I require the students to view the rest outside of class.

My students really like these. They prefer them to textbooks (no surprise) and videos covering similar material.

The tool to create these 'playbacks' is free and open source (currently a VS Code plugin). I have also created the site to share these with others. I am looking for feedback.