Skip to content

es6.md

Latest commit

 

History

History
41 lines (30 loc) · 1.56 KB

es6.md

File metadata and controls

41 lines (30 loc) · 1.56 KB

ES6 / ES2015 & ES7

Outcome

You'll:

  • Understand what ES6 (ES 2015 or ES.next) is.
  • Be using ES6 by default in your code.
  • Have an appreciation for ES7

Prerequisites

  • Javascript ES5.

Advice

Javascript has a poor reputation for a programming language. ES6 is a masssive step forward to making things 'proper'. It will make your coding more concise and readible. It will also help you when you come to learn other languages (most of the features are borrowed from elsewhere.)

Browsers don't support ES6 natively (they do support some features), so we have to transpile ES6 -> ES5 for compatability in older browsers. To do this there is a tool called Babel (it's already in all our webpack projects 😄).

Learning materials

Core

Tasks

  • Watch the codeschool
  • Take a look at theese ES6 Features we'll be using in the docs (linked above).
    • let & const
    • arrows
    • template strings
    • modules
    • destructuring
    • default + rest + spread (For React mainly)
    • classes
    • Object rest properties (ES7) (For React mainly)
    • Object spread properties (ES7) (For React mainly)
  • For each feature, build an example of it working and look at the ES5 code that gets generated.