Modern JavaScript - Introduction to ECMAScript 2015 & 2016

Modern JavaScript - Introduction to ECMAScript 2015 & 2016

D984cd543d2abef28596cc5cfe82240c?s=128

Yusuke Miyazaki

June 20, 2016
Tweet

Transcript

  1. Introduction to ECMAScript 2015 & 2016 ޒेཛྷɾ຤Ӭݚڀࣨன৯ձ :VTVLF.JZB[BLJ !૯߹ݚڀ߸ؗ Modern

    JavaScript
  2. Javascript?

  3. JavaScript • Not Javascript • cf. OCaml

  4. Why JavaScript? • Used in everywhere! • Web Browsers (Desktop

    & Mobile) • Node.js (Server)
  5. Table of Contents • History of JavaScript • Features of

    ECMAScript 2015 & 2016 • How to Write Modern JavaScript
  6. JavaScript & ECMAScript • JavaScript (JS) • Programming language •

    ECMAScript (ES) • Language specification (ECMA-262) standardized by Ecma International • Other standards: ECMA-334 (C#)
  7. History of JavaScript

  8. Beginnings of JavaScript "JavaScript was originally developed in 10 days

    in May 1995 by Brendan Eich, while he was working for Netscape Communications Corporation." From Wikipedia
  9. History of ECMAScript • Edition 1: June 1997 • Edition

    2: June 1998 • Edition 3: December 1999 • Edition 4: Abandoned!!
  10. History of ECMAScript • Edition 5: December 2009 • Almost

    supported in so-called "modern" browsers • Features • strict mode • Array.prototype.map/filter/reduce • JSON
  11. History of ECMAScript • Edition 6: June 2015 • ECMAScript

    2015, not ECMAScript 6 • ECMAScript will be released annually • Stages: 0 Strawman -> 1 Proposal ->
 2 Draft -> 3 Candidate -> 4 Finished
  12. History of ECMAScript • Edition 6: June 2015 • Implementation

    in progress… • WebKit 100%? • Firefox/Edge/Chrome/Node.js 90%+ • See compat table for more details
  13. History of ECMAScript • Edition 7: June 2016 • Minor

    update from ECMAScript 2015
  14. Features of
 ES 2015 & 2016

  15. Demo

  16. Links • http://kangax.github.io/compat-table/es6/ • http://es6-features.org/ • https://webkit.org/blog/6240/ecmascript-6- proper-tail-calls-in-webkit/

  17. How to Write Modern JavaScript

  18. Use modern impl. • Server-side app. (Node.js 6+) • Support

    only modern web browsers
  19. Use Transpilers • Compile JS code to JS code •

    e.g. ECMAScript 2015 -> ECMAScript 5 • Implementations • Babel • Traceur
  20. Conclusion • JavaScript is getting better day by day •

    Write "modern" JavaScript • Use some tools to write modern JavaScript
  21. Q&A