Lesson Materials Links and Downloads

Taster Class

Spaghetti Engineering and Marshmallow Madness

We started with a challenge to build the tallest tower out of spaghetti and marshmallows. Then we took a look at how browsers and servers communicate to display websites, and then experimented with editing a simple website. Finally it was time to recreate the spaghetti towers in the browser using JavaScript and p5.js

View Demo Download Demo

Lesson 2

JavaScript basics and an image slider

In this lesson, we look at the basics of programming in Javascript and how to use it to access objects on a web page. Our first demo is a simple image slider that can be controlled with two buttons on the page.

View Demo Download Demo

Lesson 3

Functions, Control Flow, Modulo and a little game

In this lesson we continue practicing funtions and control flow (especially if, else and for-loops.). For practice we also create a little game we you count from 1 onwards, but are not allowed to print any numbers which are the result of a multiplication with 7.

View Demo Download Demo

Lesson 4

Control flow and some games

In this lesson we revise functions and control flow and use our skills to build some simple games.

View Demo Download Demo

Lesson 5

Porting our games to use the DOM

In this lesson we will port the Rock, Papers, and Scissors game to use the DOM instead of showing alerts.

View Demo Download Demo

Lesson 6

Use timeouts for simple animations

In this lesson we use window.setTimeout() to animate the computer's thinking.

View Demo Download Demo

Lesson 7

Build interactive maps

In this lesson we use the Google Map API to build interactive maps

View Demo Download Demo

Lesson 8

Interactive maps with weather

In this lesson we use the Open Weather API to build an interactive that shows the current weather in different capital cities

View Demo Download Demo

Lesson 9

Interactive maps with photos

In this lesson we use the Flickr API to build an interactive map that shows the current weather and photos in different capital cities

View Demo Download Demo