eggheadio-projects/learn-es6-ecmascript-2015: null

.DS_Store

# Learn ES6 (ECMAScript 2015)

![](https://d2eip9sf3oo6c2.cloudfront.net/series/square_covers/000/000/049/full/EGH_LearnES6_Final.png?1496436434)

This course takes a look at some of the new features that JavaScript has available with ES6 (ECMAScript 2015). It is a "montage" from several instructors.

Each lesson's code is in its corresponding lesson folder. Plunks are drawn from the lesson's branch.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Plunker</title>
</head>
<body>
	<script src="script.js"></script>
</body>
</html>


//Promises with ES6(2015)...

var d = new Promise((resolve, reject) => {
  setTimeout(() => {
    if (true) {
      resolve('hello world');
    } else {
      reject('no bueno');
    }
  }, 500);
});

d.then((data) => {
    console.log('success : ', data) || displayInPreview('success : ', data);
    return 'foo bar';
  }).
  then((data) => {
    console.log('success 2 : ', data) || displayInPreview('success 2 : ', data);
  }).
  catch((error) => console.error('error : ', error)) || displayInPreview('error : ', error);



// display in plunker preview
function displayInPreview(string) {
  var newDiv = document.createElement("div"); 
  var newContent = document.createTextNode(string); 
  newDiv.appendChild(newContent);
  document.body.appendChild(newDiv)
}