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">
  <title>Plunker</title>
</head>
<body>
	<script src="script.js"></script>
</body>
</html>

// const is a constant reference
const VALUE = {};
VALUE.foo = 'bar';
console.log('value: ', VALUE) || displayInPreview('value: ', VALUE.foo);


// const adheres to block scope
const foo = "baz";

if(true){
  const foo = "bar";
  console.log('foo: ', foo) || displayInPreview('foo: ', foo);
}

console.log('foo: ', foo) || displayInPreview('foo: ', foo);



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