the JS clocks

Design a self-contained website that measures time (hours, minutes, possibly seconds or milliseconds).

In other words, create a digital watch face, filling a screen, written in HTML/CSS/JS (and maybe SVG).

Possible improvement: if you want to focus on “best development practices”, you could have the students work up to a certain point on their project, then re-assign them randomly. Students will have to complete and debug the code of another student. This will be a lesson in code readability. See this Github thread.

1 report for the JS clocks

#1 – JS clocks at Eracom, Lausanne

The first implementation of the JS Clocks has been carried out at Eracom, Lausanne, in autumn 2017. A number of student projects were exhibited during the schools Open Doors, in December 2017.

Participants: Giani Agolino, Jonas Buxcel, Benjamin Coffrini, Lucie Ecuyer, Dany Fatana Neves, Rachel Gasser, Claire Graber, Jérémie Kursner, Luan Mendes de Moura, Sarah Meylan, Paul Mottaz, Baltazar Nanchen, Julien Nshimirimana, Anaïs Schaer, Zoé Schwyzer, Gonçalo Vieira Machado, Stephanie Wilson

Demo site: