ideas for interactive examples #239
Description
Additionally, it would be interesting to rethink some of the interactive examples:
1) https://dartmouth-cs52-19s.github.io/lectures/05_js2/#31 (functions as arguments) seems easy but many people get stuck on this - is there an interactive exercise to pass a reference to a function as an argument that they could play with that would make sense?
2) https://dartmouth-cs52-19s.github.io/lectures/05_js2/#34 (filter, map, etc) would be great to practice these a bit more as they are confusing later on in assignments
3) https://dartmouth-cs52-19s.github.io/lectures/05_js2/#10 (closures) this one can come up in job interviews but do they really know what is going on when i talk about it?
4) https://dartmouth-cs52-19s.github.io/lectures/04_js1/#42 finding dom nodes and https://dartmouth-cs52-19s.github.io/lectures/04_js1/#46 handling events - would it be useful to have a tiny jquery game they could play? similar to the css game but with prompts to add listeners to things? does such a thing exist?
5) https://dartmouth-cs52-19s.github.io/lectures/08_advanced_js/#9 (callbacks) maybe part of 1 - how to use callbacks. too many people don't quite get basic callbacks and then are more confused by promises. often easy fixes to things that crop up in final projects are easily solved by passing in a callback function but people haven't had enough practice to be comfortable with it. https://dartmouth-cs52-19s.github.io/lectures/08_advanced_js/#21 vs https://dartmouth-cs52-19s.github.io/lectures/08_advanced_js/#22 doesn't do enough. maybe this is part of improving http://boomsync.me/ with some more examples.