2013-06-23 at 23:20:59
In late May 2013 we (Mozilla Switzerland) organized a Firefox OS App Day in Zurich. At this event we wanted to give local developers a chance to play with Firefox OS and write some apps for it. It was a great event, which I don't need to blog about further since it has been documented very well elsewhere.
In the beginning of May 2013 I attended the Vienna Firefox OS App Day. This event was awesome and got me to think about combining Firefox OS with Webmaker.
At the App Day in Vienna I met three really brave women. You may ask why I call them "brave". Well, they have never created a website before and didn't have any idea about HTML or CSS. I spent about 10 minutes stripping down the Boilerplate App to have a white "workspace" and explained them where they can put the HTML elements. I showed them how to insert an image and they were already happy. After that I showed them the HTML reference with all the elements. About 15 minutes later I came back to them and they already inserted a button on their own.
At the App Day in Zurich we were joined by a Java developer who has never written any HTML. This time it was easier to explain it since he already got enough knowledge to quickly understand the concepts. Nevertheless I stripped down the boilerplate app again and we started to create the app.
You can see the code at https://github.com/ohumbel/sffoa.
I think using Firefox OS to teach others HTML is a great possibility since most of the learners have never created a phone app. Why not learn and have something wonderful in your hands?
This is the reason why I created some resources. I'm sure this is not the final version of the resources, feel free to remix them!
Activity and cheat sheet: You can find the activity sheet and the ressource sheet remixable on Thimble. Webmaker Firefox OS template: I created a github repository, so I don't need to strip down the boilerplate app every time. Feel free to send a pull request: https://github.com/MichaelKohler/webmaker-firefoxos-template.
What do you think about this combination? Would you use it yourself to teach HTML? Please leave a comment!