Online Tools for codeclub

It appears that most of the CodeClub material can be practiced in the Cloud as it were, without having any particular software installed locally other than a modern browser.

Scratch has had an entirely web hosted version since May 2003.

For creating web sites they mention Thimble on the resources page. This brilliant tool can be used for most of the tutorials. It appears to struggle a bit with the exercise that uses CSS, 6 - Hide the Ninja's. The images supplied in the project materials will need to be uploaded somewhere accessible.  Amend the URL's to pickup the image location and amend the street corner declaration block to set the background to not repeat. Place the images in a location that does not result in a 'security - mixed content' error. Placing the images in a SquareSpace gallery worked for me as follows [UPDATE - gallery expired].

  background:url(https://static.squarespace.com/static/537c7f23e4b0b9e2ae500c6b/537c7ff4e4b04863dea97e1b/537c932ce4b0682a2ca2d5bc/1400673081445/street_corner.png?format=500w);   position: absolute;
  background-repeat: no-repeat;

This gist shows some of the other basic HTML syntax that is demonstrated, just paste it into the Thimble window.

For the Python projects try Sculpt. This is an entirely in-browser implementation of Python written using JavaScript - it is a very cool thing. For the turtle examples you will need to actually declare the turtle object.

import turtle
t = turtle.Turtle()
t.forward(30)

There are other Python editors available over the web, for example pythonanywhere and Nitrous.IO,  but they don't appear to handle the Turtle library. If anyone can get these to work I'd be interested to know how.


[Update] Perhaps a bit advanced for the average 10 year old but there is an in-browser implementation of UNIX here. Perfect for learning a little Emacs