Chris Buttery chrisbuttery

## 1.js
// fade out

function fade(el) {
  var op = 1;
  var timer = setInterval(function () {
    if (op <= 0.1){
      clearInterval(timer);
      el.style.display = 'none';
    }
    el.style.opacity = op;

## tweet1.json
{
  "user": {
    "name": "Lonely Bob",
    "handle": "lonelyBob"
  },
  "message": "Oh man, did you just hear that? What was that?!!!",
  "favourited": true
}

## promises.html
<html>
  <head>
    <style>
      body {
        background: #f5f8fa;
        font: 16px/22px Arial, sans-serif;
        margin: 0;
      }
      .statList {
        background: #fff;

## callback-hell.html
<html>
  <head>
    <style>
      body {
        background: #f5f8fa;
        font: 16px/22px Arial, sans-serif;
        margin: 0;
      }
      .statList {
        background: #fff;

## slightly-nicer-callbacks.html
<html>
  <head>
    <style>
      body {
        background: #f5f8fa;
        font: 16px/22px Arial, sans-serif;
        margin: 0;
      }
      .statList {
        background: #fff;

## nicer-callbacks.html
<html>
  <head>
    <style>
      body {
        background: #f5f8fa;
        font: 16px/22px Arial, sans-serif;
        margin: 0;
      }
      .statList {
        background: #fff;

## demo.json
{
  "users": [
    {
      "firstName": "Max",
      "lastName": "Wheeler",
      "username": "maxwheeler",
      "checkedIn": true
    },
    {
      "firstName": "Tim",

## hostReachable.js
function hostReachable() {

  // Handle IE and more capable browsers
  var xhr = new ( window.ActiveXObject || XMLHttpRequest )( "Microsoft.XMLHTTP" );
  var status;

  // Open new request as a HEAD to the root hostname with a random param to bust the cache
  xhr.open( "HEAD", "//" + window.location.hostname + "/?rand=" + Math.floor((1 + Math.random()) * 0x10000), false );

  // Issue request and handle response

## index.js
function *write(){
  console.log('writing');
  var num = yield 1;
  console.log('num x num =', num * num);
}

function *blah () {
  console.log('starting blah');
  yield* write();
  console.log('ending blah');

## index.js
/**
 * 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;
	// fade out

	function fade(el) {
	var op = 1;
	var timer = setInterval(function () {
	if (op <= 0.1){
	clearInterval(timer);
	el.style.display = 'none';
	}
	el.style.opacity = op;
	{
	"user": {
	"name": "Lonely Bob",
	"handle": "lonelyBob"
	},
	"message": "Oh man, did you just hear that? What was that?!!!",
	"favourited": true
	}
	<html>
	<head>
	<style>
	body {
	background: #f5f8fa;
	font: 16px/22px Arial, sans-serif;
	margin: 0;
	}
	.statList {
	background: #fff;
	{
	"users": [
	{
	"firstName": "Max",
	"lastName": "Wheeler",
	"username": "maxwheeler",
	"checkedIn": true
	},
	{
	"firstName": "Tim",
	function hostReachable() {

	// Handle IE and more capable browsers
	var xhr = new ( window.ActiveXObject \|\| XMLHttpRequest )( "Microsoft.XMLHTTP" );
	var status;

	// Open new request as a HEAD to the root hostname with a random param to bust the cache
	xhr.open( "HEAD", "//" + window.location.hostname + "/?rand=" + Math.floor((1 + Math.random()) * 0x10000), false );

	// Issue request and handle response
	function *write(){
	console.log('writing');
	var num = yield 1;
	console.log('num x num =', num * num);
	}

	function *blah () {
	console.log('starting blah');
	yield* write();
	console.log('ending blah');
	/**
	* 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;