Modern JavaScript - Introduction to ECMAScript 2015 & 2016

Simple example of proper tail calls: https://gist.github.com/ymyzk/b0e065956978faed5116c4cacbb8efe5

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