JohnReeves

Space Worksheet 2

Task 1 - Setup

• Either find your repl.it from last week (you need at least 1 planet to start this worksheet)
• Or use my JSFiddle (please open in a new tab in Google Chrome)

Enable jQuery

JohnReeves

Space Worksheet 1.5

You need to find the repl.it link for the solar system that you made last week - if for whatever reason you can't or you have lost it I have made you a starting jsfiddle - you will need to copy it into your repl.it before you start!

Task 1 - Hex Colours

There are many ways to represent colours with computers - we've been telling our svg shapes to be "red" or "yellow" or "green" - this isn't great if you want a specific colour green!

JohnReeves

Space Worksheet

Task 1 - Create your Sun

• open repl.it in a new tab (preferably using Google Chrome)
• create a new html/javascript/css project
• add these lines in the body of the HTML file (index.html)

JohnReeves

Space 1

• presentation - https://www.dropbox.com/s/5cmd1dcxio91g16/9am%20week%201.pptx
• my working example - http://jsfiddle.net/bjGwu/ - forked at http://jsfiddle.net/v05r938r/
• worksheet = https://gist.github.com/daniellevass/a73006fa1a70f65d4312 = https://gist.github.com/JohnReeves/c4234b595287f03868e9
• https://www.google.com/events/io/experiment

---

Space 1.5

JohnReeves

1 starting

Firstly, using terminal install YQL and request if you don't have it already:

npm install request
npm install yql

Create a new .js file - make sure you can navigate to it with the terminal prompt to run.

JohnReeves

1. Intro

So last time we played around with adding some colours into our website using CSS. We looked at how to change the text colour, font, and background colours! So my website currently looks like this:

This week we're going to look at taking our website out of JSBin so we can add our own pictures and add more pictures next week!

2. Creating a folder

JohnReeves

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

JohnReeves

#Mouse Handling using Tkinter

A minimal mouse handling script, clearly using tkinter. Clumsily importing *

```python
from tkinter import *

#Globals
lastx, lasty = 0, 0

JohnReeves

# import the libraries
from tkinter import *
from random import *

# Step 1: create the top level Tk object
window=Tk()

c_wd,c_ht=800,600

JohnReeves

"""
really not minimal, taken from coding club bk

calculator

digits 0-9
ops add, subtract, multiply and divide
brackets and clear