I've been meaning to post this for some time but haven't gotten around to it. Earlier this year I was inspired by the Ahmed Mohamed clock incident to use clocks as a teaching tool in a Saturday program I run with 8th graders.
I posted this series of tutorials on my website http://hackshop.org that use Thimble to generate animated web clocks based on a really cool source tutorial that some Mozilla folks shared with me earlier this year.
I broke down the coding into somewhat less sophisticated chunks and explicated or refactored the CSS, math and JS code so that it revealed some of the functionality more clearly for learners. I also added a couple of "check for understanding" moments. Here's the basic sequence:
Here's an example clock that students in the class produced.
There's one more challenge I want to add, which is something along the lines of "Customize your CSS clock." Here is an example of a Mickey Mouse clock that I made and an octopus clock one of my students created!
What do you all think about the potential for this as a teaching kit? I'd be excited to work on that with some support. Is there an obvious IOT connection here? Is there a way that we could integrate this code with a IRL clock? Maybe via Arduino or Pi?
CC @chadsansing @julia @jgmac1106 @animaltinez @soapdog @techkim @Simeon