How does an online shop work

This activity covers the layers of the software stack behind a web shop: HTML, CSS, and JavaScript. Working in groups, students build a web shop for a fictional school by completing tasks that involve modifying all three layers. As they work, students can see their web shop update live on their phones, allowing them to test ideas continuously.

Students connect their phone by scanning a QR code provided from their group link in CoTinker — instructions for how to do this are shown directly to the students inside the activity.