I was recently on a course looking at how you can bring programming into the ICT curriculum in a practical way. As part of the course we looked at some great hands on tools, as well as some fantastic web-based programming resources. A handful of these were the Mozilla based coding tools. It’s like someone delved into the mind of an ICT teacher and pulled out exactly what they needed! Can you tell I nerded out over these a little?!

x ray gogglesThe 1st is the X-Ray Goggles. To start with you need to install it as a bookmark on your web browser, the instructions are easy enough and on the webpage when you 1st load it up. Once installed you can visit ANY website and start to play with the coding behind it. Simply click on any element to start changing and altering both text, links, and images. This is a great intro to the world of HTML with pupils, and shows them the structures and scaffolding behind their favourite websites. The thing I like most about this tool is the fact that you can publish your changes as a URL, allowing you to send and share your work with others. Tip: Discuss the idea of copyright and keeping work appropriate when online. who knows what they could write left by themselves!

In a nutshell: It works great as a quick and easy way to see the coding behind a website, however it can be fairly limited, for example it doesn’t allow you to see the style sheet of the overall page. 

 

The second web tool developed by Mozilla is Thimble. Thimble is a web-based code editor designed to give complete novices a space to quick build, share and practice their skills. While there are other similar products out there Thimble is designed with the newcomer in mind. It really focuses on the teaching of basic HTML, rather than the more advanced side of things. For the more adventurous I would suggest something like Codecademy. Thimble runs as a side-by-side code editor and output, allowing you to instantly see your creations in real-time, providing you with instant feedback and tips if you do something slightly wrong.

As well as giving you the freedom to create and develop anything you like Thimble also offers a selection of ‘Remixes’. These are projects created by others and offered out for people to edit and play with. I tend to use these 1st with my pupils to give them some ideas and inspiration on what they build in HTML, before moving on to creating their own.

In a nutshell: Really simple and easy to use web editor, that offers some great instant feedback. However, for some security reasons it doesn’t support Java so be away before you get started. 

For those, like me, who are a little daunted by the world of programming and coding these tools can prove as a great starting point. Give them a go, and share what you think!

 The last time I updated about my quest to code I had started using codecademy. I had started learning the basics of HTML, before moving on to CSS. I found the HTML OK, a bit tricky but it all made sense to me. It was almost therapeutic putting all the tags in the right place, making sure the grammar was correct, and adding punctuation in the right places. It eased my OCD nature. Im really glad it was the 1st thing I chose to learn, I can see it giving me the basic understanding for other coding languages.

Then came CSS. This was a little harder but I got through it and found to enjoy it by the end. The best think was using codecademy to do it, I was getting instant feedback and I was able to view my code at every stage. Really easy to learn with. While the styling I was able to do was very basic, the fundamentals were there and I can see how I could put them into action with a website. Creating the little things like buttons and links is really satisfying, #NerdAlert.

This week I started learning Javascript. I feel like my brain is melting! At the moment I’m finding it hard to learn the grammar and language of it. I’m sure I’ll get their in the end though. Anyone else struggling with Java script? I want to understand this as I would love to start making simple games with the pupils when the new curriculum comes in. I have also been challenged by one of the pupils to come back after the summer with a working game for him, little nerd!

The overall aim for me though is to be able to develop my own website. As much as I like using primaryblogger I find some of quite restrictive and I would love to have the freedom to create my own space. I think I’m some way of that level yet, but its nice to have that goal. Can anyone recommend some coding software to use for macbook? When I’ve mastered javascript I want to start writing my own little projects. Is anyone else in the process of learning to code?

Skip to toolbar