Liz Krane

Through a series of animated demos and funny failed experiments, join me on my journey towards building a musical game where the controller is a digital piano!

Highlights include:

– Using the Web MIDI API with Elm via JavaScript interop to get input from a digital piano directly in the web browser
– Exploring SVG animations in the Elm ecosystem
– Elm’s best features from the perspective of a beginner who recently fell in love with the language
– Silly and instructive beginner mistakes (how not to use Elm!)

Building my first Elm app was a two-for-one deal: learn functional programming and learn to sight-read sheet music! By the end of this talk, I hope you’ll be equally excited to combine these web technologies in your own creative adventures.

2019

ReactiveConf

Building a Music Learning Game with Elm, Web MIDI, and SVG Animation

How can we extract the most value from our front-end JavaScript errors, especially when users often don’t report them?

We’ll learn about the evolution of the browser’s global error event handler and how to work around its limitations — cross-browser idiosyncrasies, stack traces as unwieldy strings, minified code, and other fun stuff that we really look forward to dealing with! We’ll also look at libraries to make JavaScript stack traces more useful, along with other techniques for making our bugs a little less buggy.