3.5 KiB
Christchurch South Karamata Intermediate School
In Ōtautahi/Christchurch, Aotearoa/New Zealand
Here's a link to a demo of this code: https://karamata.magnificent.nz/
This is code accompanying 'digital empowerment' sessions with Christchurch South Karamata Intermediate School in 2023.
Original Concept
My intended purpose of these sessions is to help learners understand that they can actively create their own digital existence, rather than passively accepting the path dictated for them by other parties, as they currently do.
I will lift the curtain allowing learners to glimpse the inner workings of the ‘web’, and show learners how to do it for themselves. I will attempt to convey some of the structural patterns behind the media sources, tools, and services they use every day, as well as the World Wide Web and internet on which it’s built – using capabilities built into the tools they’re already familiar with. I will show how much is discoverable for those who have interest. The aim of this is to empower our tamariki to explore their digital world safely and with confidence.
With their new-found agency, I want them to start to recognise the subtle cages in which they’re put by the platforms they are told or choose to use, the limits of which they might not previously been equipped to discern.
Then, if it looks like there’s interest, I want to give them a taste of the tools they all have at their disposal, that would allow them to invent their own digital artefacts, tools, and even entire platforms (or deploy those created by others) which enable them to explore their own creative inclinations without arbitrarily restrictions or ‘glass ceilings’.
I intend to show them how, without needing to install software, they can start to tell their computer how to do what they want it to do. I’ll do that by getting them to create a file (we might need to use a gratis web-based ‘sandbox’ platform for this due to limitations in what Chromebooks can do) to hold some ‘Javascript’ code. For the record, Javascript is the language most of Google Docs is written in, along with most of the modern web. We’ll have a play with some basics.
From there, I’d like to introduce them to key software concepts, including the triumvirate of
- Content (HyperText Markup Language aka HTML),
- Presentation (Cascading Style Sheets aka CSS), and
- Dynamic nteraction (Javascript aka JS).
There are many directions this could head depending on the pockets of interest. Some might want to undertake a little project. We could explore libraries of simple projects that are already in the digital Commons, which they could replicate and remix. We could look at adapting an interesting initiative called ‘Kitten’ – a simple coding framework - that some might find compelling.
I’d love to get into the idea of ‘semantic markup’ and well-structured documents and other information (which is an area almost no one in education teaches, and, I suspect, few are even aware of it).
References
HTML
https://developer.mozilla.org/en-US/docs/Learn/HTML https://www.w3schools.com/html/default.asp
CSS
https://developer.mozilla.org/en-US/docs/Learn/CSS https://www.w3schools.com/css/default.asp
Javascript
https://developer.mozilla.org/en-US/docs/Learn/JavaScript https://www.w3schools.com/js/default.asp
Examples and exercises
https://www.freecodecamp.org/news/html-button-onclick-javascript-click-event-tutorial/