GDG Varna - EcmaScript 6

58
EcmaScript 6 @d_danailov

Transcript of GDG Varna - EcmaScript 6

Page 2: GDG Varna - EcmaScript 6

Dimitar Danailov

Page 3: GDG Varna - EcmaScript 6

Software

Architect

Page 4: GDG Varna - EcmaScript 6

Image source: https://www.linkedin.com/pulse/20140817172419-206881211-software-architect-explained

Page 5: GDG Varna - EcmaScript 6

Merry Christmas

Happy Holidays

Page 6: GDG Varna - EcmaScript 6

Topics Today

● Javascript Advantages And Disadvantages

● Industry

● Google Chrome: How it works

● Gulp, Grunt, Babel, Browserify and Webpack

● Examples and Demo

Page 7: GDG Varna - EcmaScript 6

Node.js

Page 8: GDG Varna - EcmaScript 6

Client Side

Development

Page 9: GDG Varna - EcmaScript 6

Mobile

Development

Page 10: GDG Varna - EcmaScript 6

IoT

Development

Page 11: GDG Varna - EcmaScript 6

NetScape

Page 12: GDG Varna - EcmaScript 6

May 1995

Page 13: GDG Varna - EcmaScript 6

Brendan Eich

Page 14: GDG Varna - EcmaScript 6

Image source: official Mozilla Foundation photograph

Page 15: GDG Varna - EcmaScript 6

Dark Side

Page 16: GDG Varna - EcmaScript 6
Page 17: GDG Varna - EcmaScript 6

Image source: http://online.wsj.com/media/030112pod05_J.jpg

Page 18: GDG Varna - EcmaScript 6

https://leanpub.com/understandinges6/read

Page 19: GDG Varna - EcmaScript 6

ECMA-262

Page 20: GDG Varna - EcmaScript 6

The JavaScript core language

features are defined in a standard

called ECMA-262.

Page 21: GDG Varna - EcmaScript 6

1999 === third edition

Page 22: GDG Varna - EcmaScript 6

2007, Ajax

Page 23: GDG Varna - EcmaScript 6

Fourth edition

Page 24: GDG Varna - EcmaScript 6

A group of leaders from Yahoo, Google, and

Microsoft came up with an alternate proposal

for the next version of ECMAScript that they

initially called ECMAScript 3.1

Page 25: GDG Varna - EcmaScript 6

Failure

Page 26: GDG Varna - EcmaScript 6

2008

Page 27: GDG Varna - EcmaScript 6

Brendan Eich

Page 28: GDG Varna - EcmaScript 6

EcmaScript 5

Page 29: GDG Varna - EcmaScript 6

3.1 + 4 = 5

Page 30: GDG Varna - EcmaScript 6

Industry

Page 31: GDG Varna - EcmaScript 6

Article: http://www.linuxfoundation.org/news-media/announcements/2015/06/nodejs-foundation-advances-community-collaboration-announces-new

Page 32: GDG Varna - EcmaScript 6

EcmaScript 2015

Page 33: GDG Varna - EcmaScript 6
Page 34: GDG Varna - EcmaScript 6
Page 35: GDG Varna - EcmaScript 6

V8 Performance from the Driver's Seat (Chrome Dev Summit 2015)

Page 36: GDG Varna - EcmaScript 6

1. a

a new optimizing compiler

smarter garbage collection

a svelte interpreter

EC2015 support

Page 37: GDG Varna - EcmaScript 6
Page 38: GDG Varna - EcmaScript 6
Page 39: GDG Varna - EcmaScript 6
Page 40: GDG Varna - EcmaScript 6
Page 41: GDG Varna - EcmaScript 6
Page 42: GDG Varna - EcmaScript 6

My Vision

Page 43: GDG Varna - EcmaScript 6

Node.js

Page 44: GDG Varna - EcmaScript 6

Mobile

Development

Page 45: GDG Varna - EcmaScript 6

IoT

Development

Page 46: GDG Varna - EcmaScript 6

Client Side

Development

Page 47: GDG Varna - EcmaScript 6

Image source: babeljs.io

Page 48: GDG Varna - EcmaScript 6

Image source: http://mobilemancer.com/wp-content/uploads/2015/06/TypeScript.png

Page 49: GDG Varna - EcmaScript 6

Image source: http://tech.tmw.co.uk/img/blog/kickoff-gulp-test/featured.gif

Page 50: GDG Varna - EcmaScript 6

Image source: npmjs.com/package/browserify

Page 51: GDG Varna - EcmaScript 6

Image source: www.npmjs.com/package/webpack

Page 52: GDG Varna - EcmaScript 6

Example

Page 53: GDG Varna - EcmaScript 6
Page 54: GDG Varna - EcmaScript 6

Image source: http://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2015/03/1425566554jshint-logo.png

Page 55: GDG Varna - EcmaScript 6
Page 56: GDG Varna - EcmaScript 6
Page 57: GDG Varna - EcmaScript 6