pedroha

//------------------------------------------------------------------------------
// JavaScript function tracer for "classes"
//------------------------------------------------------------------------------
// from: [email protected]
// home: http://gist.github.com/189144
//------------------------------------------------------------------------------

//------------------------------------------------------------------------------
// define our function tracer
//------------------------------------------------------------------------------

pedroha

Introduction to Javascript

First Steps

• [Codecademy] (http://codecademy.com/)
• [Eloquent Javascript] (http://eloquentjavascript.net)
• [jQuery Fundamentals] (http://jqfundamentals.com/ )
• [JS Style Guide] (http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml)

pedroha

Introduction to Front-End Technologies

HTML5

• [HTML5 Slideshows] (http://slides.html5rocks.com)
• [HTML5 Rocks Articles] (http://html5rocks.com)
• [HTML5 Doctor] (http://html5doctor.com/)
• [HTML5 Wow] (http://www.htmlfivewow.com/)

Front-End Frameworks

pedroha

Introduction to NodeJS

Introduction to NodeJS

NodeJS

• V8 Javascript Engine
• Core libraries: process, networking, file, console
• Server-side Javascript

pedroha

var getPaletteColors = function () {

    var $items = $('div.collection-assets-item > .content');

    var palette = [];

    $items.each(function () {
        var self = this;
        var $frame = $('.frame', this);

pedroha

Scratch Quest Adventure

• Instructions
• Basic Scratch 2.0 Guide
• Sample Adventure
• Additional Links

Instructions

1. Present what a Quest Adventure looks like: http://machinarium.net/demo/

pedroha

;;
;; Minecraft. Part 1. Right hand.
;; Based on: https://www.youtube.com/watch?v=0v5tE9fwqQo
;; 
;; MIDI reference for notes
;; http://computer-music.postbit.com/upload/131/posts/midi-notes-numbers.gif
;; http://www.midimountain.com/midi/midi_note_numbers.html
;;
;; Musical Theory (using JS)
;; https://github.com/saebekassebil/teoria

pedroha

http://synthesiagame.com/

Maroon 5, Payphone
http://www.youtube.com/watch?v=gXXvZU5EpWY

Alphaville, Forever Young
http://www.youtube.com/watch?v=zWikzFPrFIA

pianoitall.com offers many youtubes on Synthesia, as well as the musical sheet and MIDI file.

pedroha

1) Running Mocha tests

http://visionmedia.github.io/mocha/#getting-started

$ npm install -g mocha
$ mkdir test
$ $EDITOR test/test.js

var assert = require("assert")
describe('Array', function(){

pedroha

Coderdojo provides multiple activities setup in different tables.
The most popular activities are: Scratch, Build a website, and LittleBits

1) Scratch
http://scratch.mit.edu/

You should try the "Get started link"
http://scratch.mit.edu/projects/editor/?tip_bar=getStarted

Another good tutorial