3 Replies
Josh Dean

It can be hard to make code exciting. But I think making things look good and adding some interaction could go a long way.

Many common code text editors like VS Code or your favorite coding IDE offer syntax highlighting. Some of these editors support the ability to not only copy the code but to copy the code with the syntax highlighting (https://code.visualstudio.com/updates/v1_10#_copy-with-syntax-highlighting). Just paste and keep source formatting. This would help immensely as you develop because it will allow you to use the new Storyline auto-scrolling text box (updated Aug 2021 https://articulate.com/support/article/Storyline-360-Text-Autofit-Improvements) for longer code examples but it will also save you from taking hundreds of un-editable screenshots.

A few other options could be seen from how sites like freecodecamp have approached some coding interactions where you read then watch then do. Perhaps some of your projects could have some fill-in-the-blanks or some custom cloze exercises that lead into an animation or results video on another slide.

Sarah Hodge

Hi Faffie! Josh shared some great ideas! I'm obviously not familiar with the context or objectives for your course but wanted to chime in with another option in case it's about learning the different parts of code. Karlis Sprogis created this How to Spot Phishing Emails course. Although this example is about emails, I think the concept can translate really well into spotting different parts of code. Just throwing that out as an additional idea! 🙂