1 Canvas 3 sections, 2 - 3 hours

• Introduction to Canvas
• Canvas Continued
• Canvas Exercise

2 ES2015 6 sections, 2 - 3 hours

• Let, Const, and Template Strings
• Arrow Functions
• Default Parameters, Rest and Spread
• Object Shorthand and Destructuring
• Class Syntax
• ES2015 Exercises

3 Managing Asynchronous Code 4 sections, 2 - 3 hours

• Asynchronous JavaScript Review
• Promises
• Generators and Async Functions
• Asynchronous JavaScript Exercises

4 Regular Expressions 3 sections, 2 - 3 hours

• Introduction to Regular Expressions
• Metacharacters and Grouping
• Regular Expressions Exercises

5 Odds and Ends 3 sections, 2 - 3 hours

• Introduction to Functional Programming
• Introduction to Design Patterns
• Anti Patterns in JavaScript

{ ES2015 Exercises. }

var person = {
    fullName: "Harry Potter",
    sayHi: function(){
        setTimeout(function(){
            console.log("Your name is " + this.fullName)
        }.bind(this),1000)
    }
}

var name = "Josie"
console.log("When " + name + " comes home, so good")

var DO_NOT_CHANGE = 42;
DO_NOT_CHANGE = 50; // stop me from doing this!

var arr = [1,2]
var temp = arr[0]
arr[0] = arr[1]
arr[1] = temp

function double(arr){
    return arr.map(function(val){
        return val*2
    });
}

var obj = {
    numbers: {
        a: 1,
        b: 2
    } 
}

var a = obj.numbers.a;
var b = obj.numbers.b;

function add(a,b){
    if(a === 0) a = 0
    else {
        a = a || 10    
    }
    if(b === 0) b = 0
    else {
        b = b || 10    
    }
    return a+b
}

When you're ready, move on to Asynchronous JavaScript Review

Continue