Materials

This is a collection of materials we're using for our meetings. Feel free to look around and try some of these tutorials.

If you're curious what we do all this time, we're meeting every two weeks on tuesday, 19:00 at the Social Impact Lab. Come join us. :) If you always wanted to do X and don't see it here, tell us!

If you've tried some of the stuff here, please tell us what you think, so we can improve these materials for the future.

Especially if some things have been weird, incomplete, confusing or otherwise less than ideal we'd like to know that.

JavaScript

  1. Hello, Javascript

    Introducing literals, variables, loops and some serious counting action.

  2. Time Machine

    Learning more about loops, objects and functions and how programmers love stretching analogies.

  3. Pixl

    Part2 | Part3

    Collaborative, contemporary art in your browser, powered by your newfound ability to draw squares and other mysteries.

  4. Coding Adventures

    Writing a text adventure game using our newly acquired skills. Involves magic, cat pictures and a grumpy mathematician.

HTML & CSS

  1. The tiniest blog

    Part2 | Part3 | Part4

    A whirlwind introduction to HTML & basic CSS and how to get cat pictures to appear on your website.

  2. Makin' it shine *

    An introduction to CSS.

  3. Blinkenlights *

    Reliving the 90s and learning about CSS3.

  4. The Web is Yours *

    You can look behind the scenes of any website and change it. (And how Justin Bieber just loves giraffes.)

Misc.

  1. Musical Adventures *

    Making music with Overtone. [Github]

  2. Singing with Sines *

    Playing with SuperCollider to make music with computers

Tools

  1. Developer Tools *

    The essential tools of the web developer: the Console and the Inspector. (May or may not involve actual detectives.)

  2. Documentation *

    It's not all magic, or how developers can't survive without search engines for very long. (Know where to look and how yo make sense of all that fancy gibberish.)

Background

  1. Glossary *

    A handy reference to keep you from despairing in a sea of acronyms, always changing terms and lots of fancy words.

  2. How the Web works *

    It's mostly cat pictures links, actually.

*work in progress

Please help us to improve and enhance these tutorials. Fixes and suggestions are very welcome!