AngularJS with

Bootstrap your own project

@Amsterdam - 20 aug 2015

<meetup-profile firstname="Theuy" 
                lastname="Limpanont" />

teacher.translate(เตย) = Theuy

Very search friendly

Current Freelance Job

QUIZ

"What is NOT ES5?"

[1, 2, 3].map(function(n) { return n * 2; }, this);

A

B

[1, 2, 3].map(n => n * 2);

"What is NOT ES5?"

'use strict';

var a = 5;
var b = 10;

if (a === 5) {
  let a = 4; 
  var b = 1;

}

console.log(a); 
console.log(b);

A

B

'use strict';

var a = 5;
var b = 10;

if (a === 5) {
  
  (function () {
    var a = 4;
    b = 1;

    console.log(a); 
    console.log(b); 
  })();
}

console.log(a);
console.log(b);

"What is NOT ES5?"

'use strict';

function greet() {
  var msg = arguments[0] === undefined ? 'hello' : arguments[0];
  var name = arguments[1] === undefined ? 'world' : arguments[1];
  console.log(msg, name);
}

A

B

function greet(msg='hello', name='world') {
  console.log(msg,name);
}

"What is NOT ES5?"

Top 3 Fav ES6 Features

Class Meetup {
  constructor() {
    this.introduction();
  }
  introduction() {
    return "Talk about your life!?"
  }
}

#1

function f(x, y=12) {
  // y is 12 if not passed (or passed as undefined)
  return x + y;
}
f(3) == 15

#2

// Basic literal string creation
`In ES5 "\n" is a line-feed.`

// Multiline strings
`In ES5 this is
 not legal.`

// Interpolate variable bindings
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

#3

Let's do the fun part

http://tinyurl.com/pycjafv