chrisbuttery

// Thunk
let get = function (url) {

  // return a function, passing in our callback
  return function (callback) {
    let xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.onreadystatechange = function() {
      let response = xhr.responseText;
      if(xhr.readyState != 4) return;

chrisbuttery

/**
 * get - XHR Request
 */
 
let get = function (url) {
  return function (callback) {
    let xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.onreadystatechange = function() {
      let response = xhr.responseText;

chrisbuttery

"use strict";

const port = process.env.PORT || 1337;
const koa = require('koa');
const app = koa();

app.use(function* (){

  /* this */

chrisbuttery

// ES6 for loops
// =============

// Things in ES6 can be "iterable". Arrays are iterable by default.

var fruits = ['Apple', 'Banana', 'Grape'];

for (var fruit of fruits)
  console.log('Fruit: ' + fruit);

chrisbuttery

import {component,dom} from 'deku'

// Define a component with a name for debugging
const Button = component('My Button')

// Define properties
Button
  .prop('foo', { type: 'string', optional: true, expects: ['hello', 'goodbye'] })
  .prop('bar', { type: 'boolean', default: false })

chrisbuttery

function render(context){
  let {el,children,events} = context
  let {foo,bar} = context.props
  let {open,enabled} = context.state
  return (
    <button disabled={enabled} onClick={click} class={foo} isSomething={bar}>Submit</button>
  )
}

chrisbuttery

##Sites

JS the right way
Links to tools, readings, podcast, frameworks, news etc

You might not need jQuery
A transition from jQuery to vanilla JS

JavaScript for cats
Entry level JS

chrisbuttery

var test = require('tape');
var request = require('supertest');
var server = require('../../server');

test('barcode route', function(t) {
  request(server)
  .get('/api/1/code')
  .expect(200)
  .expect('Content-Type', /json/)
  .expect({"code":{"code":"1M4A67AE3H94RS6GG74M"}})

chrisbuttery

@mixin ie6 { * html & { @content } }

#logo {
  background-image: url("/images/logo.png");
  @include ie6 { background-image: url("/images/logo.gif"); }
}

chrisbuttery

{
    "env": {
        "browser": true,
        "node": true,
        "es6": true
    },

    "ecmaFeatures": {
        "modules": [2]
    },