A #Mozilla #HackJam #yyj style

It was hacktacular.

2012-06-23 10.17.13

On Saturday, 26 30 kids and half dozen volunteers converged on UVic for HackJam, and we had some fun remixing and mashing the web.

2012-06-23 10.51.18

In a nuthsell, a HackJam is a Hackasaurus event for youth where they learn webmaking skills using some of the excellent “hacking” tools developed by Mozilla, like X-Ray Goggles and Thimble. HackJams are hands on, participatory events designed to not only introduce kids to the basics of webmaking (by examining and “hacking” the underlying HTML and CSS code), but also introduce some basic digital literacy skills and emphasize the idea that the web is a space that anyone can contribute to, and create on.

2012-06-23 11.33.50

As you can see, we had a great HackJam space, thanks to Valarie Irvine at UVic. The rest of this posts is a bit more bullet point impressions of the event.

Lots of Volunteers

Not only did we have a full house of kids, but we also managed to surpass the ratio of 4-1 volunteers to kids. And I am glad we did. Once we did an initial icebreaker and Emma did the initial How to Hack presentation, the kids were off. There would have been no way to keep up with all the requests for help and guidance if we didn’t have a bunch of excellent, knowledgeable volunteers willing to work with the kids and answer their questions.

2012-06-23 11.34.11

It was a beautiful thing to see, really. Kids and adults working together as peers and mentors.

While we did have some activities planned, it was pretty well left up to the kids to decide where they wanted to go next. Self-directed learning. You need people to make that happen, and the volunteers really held it all together.

Thanks @heli_tomato (who came over from Vancouver for the event, 2 weeks for her wedding and 3 weeks away from moving to a new city and taking on a new job!), @erikvold, @sleslie, @carloschiarrella and the parents who stuck around to help.

A wide range of skills and abilities

We advertised the HackJam as ages 9-14, which is pretty wide in terms of prior knowledge. Some kids came in knowing a bit about HTML, while others struggled to spell. Again, if it wasn’t for the volunteers who were able to respond to the different skills and prior knowledge of each participant, it might have been a struggle to make it a meaningful learning experience for all the participants.

I am so glad Emma had Thimble in her back pocket for those who were more advanced. X-Ray Goggles worked for all at the beginning, but it was pretty evident that some kids came in ready to code.

The puzzle icebreaker

HackJam Icebreaker

I had this idea of doing a collaborative puzzle as an icebreaker activity, with each kid getting a few pieces of the puzzle then working together to make the bigger picture. I like the idea of using a puzzle as a metaphor for the web as it is pretty easy to grasp. A puzzle is made of pieces, so is a webpage. Some of those pieces you can see (images, text, videos) and some you can’t (the code) and then use that to bridge into the code and hacking.

2012-06-23 10.42.21

It served the purpose of getting people up and interacting and moving around, but the puzzle I made was too difficult. I thought it would be a 10 minute icebreaker, but we had to abandon it after 10 minutes. But I think it did the job, and was something that was fun for the kids.

The hacking conversation

It was clear that when Emma started talking to the kids about what hacking was, everyone went to the dark side: breaking into computers. It was early in the session and I happened to be standing in the hall with a few of the parents who were hanging back waiting to make sure their kids got settled. And I could see from the looks on their faces that they were a bit unsettled by the conversation. They eased up a bit when Emma started talking about good hacking and bad hacking, and the word hack really means tinker and try things. A word of advice: if you are organizing a HackJam, be prepared to have the hack conversation.

2012-06-23 11.48.18

Saving the hacks

This was a bit of a bummer. Up until a week or so ago, X-Ray Goggles had a great feature that allowed you to save and publish your hacks to a central server. This has been disabled by Mozilla. From what I have heard (and I might be wrong about this, but the reasoning makes sense to me) is that it is a copyright and liability thing. When we hack a site, we don’t actually hack the site, but rather the cached copy that resides on our computers. But when we publish it back and make it public, we have now altered an original site, which is most likely a copyright violation of the original site owner.

After seeing what the kids put together, I totally get why Mozilla has disabled this feature. One of our kids had hacked a famous restaurant chains website and changed the menu to read “Snot Dogs” and ‘Booger Burgers” (hey, they are 10 years old after all). But to have that posted on a public site would not fly so well with this company.

Still, we were left scrambling a bit trying to figure out how to capture the work the kids had done by the end of the session, and ended up relying on emailing code and snipping screenshots, which Emma has said she will put up on a server to share back to the kids.

So, if you are planning a HackJam, plan how you will share the results back to the kids and their parents.


2012-06-23 11.33.25

I could go on, but this is getting crazy long. But I do want to end by saying how happy I was to see so many girls hacking away at the HackJam, and a big shout out to my colleague at Royal Roads, Emma Irwin, who put this whole show together. Emma is a programmer/analyst at RRU, and a fantastic role model for girls everywhere. She believes passionately that girls need mentors in the technology field, and was the one who stood at the front of the class for most of the day, showing the girls that this isn’t just a boys club. As the dad of a daughter who is showing a budding interest in technology, I am happy that there are women like Emma out there willing to show my daughter that she can do this, too.

We're part of the summer of code


Just reading Scott and Emma’s reflections on the Hackjam. I love Scott’s point about FUN:

Indeed, there is some really great thinking going on at the Mozilla team about how to introduce some potentially complicated stuff in a way that kids can engage with it – there was very little “instruction” going on during the couple of hours we ran the jam, and very much CONSTRUCTION (of knowledge, of web pages) and most of all FUN. This tapped into one of the pieces I too often forget myself about why making and the open web are so important – yes, it’s about preserving democracy and free speech, yes it’s about freeing culture from capital; but it’s also FUN, it’s about the sheer joy of making things

And Emma’s point is one that, I am sure, many of us can relate to all to well.

The first thing I learned was that no matter how much you know about the subject you are teaching, no matter how confident you are in the words you choose… teaching is not easy, it’s not straight forward and what works for one group of kids, may not work for the other.  (I’m sure my teacher friends are laughing at me by now).

As we come to the end of a school year, that is a point we parents need to remember and take to heart. Teaching is not easy. But if there is one thing HackJam showed me is that while teaching is hard, learning is fun. And, judging from the engaged kids I saw at HackJam, there was a lot of learning going on.


Clint Lalonde

Just a guy writing some stuff, mostly for me these days on this particular blog. For my EdTech/OpenEd stuff, check out https://edtechfactotum.com/.


2 thoughts on “A #Mozilla #HackJam #yyj style

  1. Thanks for your wonderful post Clint This event is as much a result of your determination as mine. Volunteers made it credible and supported: Helen, Eric , Carlos, Scott, Cathy, Elaine (and that guy who showed up out of nowhere! I wish I remembered his name). I appreciate the kind words, but the role models are also men who stand in support of, and beside women. One of my favourite quotes: “The world is run by those who show up.” – Robert Johnson rings true in this TEAM effort. Thanks for showing up!(big time)

Comments are closed.