javascript : what is it really? and some new features in es6

46
JS UHMMM..

Upload: aayush-shrestha

Post on 22-Jan-2018

251 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: JavaScript : What is it really? AND Some new features in ES6

JSUHMMM..

Page 2: JavaScript : What is it really? AND Some new features in ES6

JAVASCRIPT

Page 3: JavaScript : What is it really? AND Some new features in ES6
Page 4: JavaScript : What is it really? AND Some new features in ES6

@AayushShrestha

Co-Founder - LISHN

Head of Experience Design & Architecture -Viveka Health

fb.me/ShresthaAayush

[email protected]

Page 5: JavaScript : What is it really? AND Some new features in ES6

• What is JavaScript, really?

• What’s all the fuss about?

• ES6 / ES2015 / ECMAScript 2015

Page 6: JavaScript : What is it really? AND Some new features in ES6

The world’s most

popular language.

Page 7: JavaScript : What is it really? AND Some new features in ES6

POPULARITY STACK OVERFLOW VS GITHUB

Page 8: JavaScript : What is it really? AND Some new features in ES6

STACK OVERFLOW TAG NAME TRENDS

Page 9: JavaScript : What is it really? AND Some new features in ES6

RANKED BY # OF PROGRAMMING JOBS

Page 10: JavaScript : What is it really? AND Some new features in ES6

The world’s most

unpopular language.

Page 11: JavaScript : What is it really? AND Some new features in ES6

BRENDEN EICH

JAVA SCHEME SELF

LiveScript

JavaScript

ECMAScript

Page 12: JavaScript : What is it really? AND Some new features in ES6

The web was a disappointment

as an application delivery

system in 2000s.

- Page replacement inefficient.

- Java Applets FAILED!

- Nobody believed in JavaScript.

Page 13: JavaScript : What is it really? AND Some new features in ES6

The web is dead.

-People of early 2000

Page 14: JavaScript : What is it really? AND Some new features in ES6

Microsoft

abandoned web.

Page 15: JavaScript : What is it really? AND Some new features in ES6

AJAX

-JavaScript gets a second chance.

Page 16: JavaScript : What is it really? AND Some new features in ES6
Page 17: JavaScript : What is it really? AND Some new features in ES6

PLENTY OF REASONS TO HATE JAVASCRIPT

• It has bad parts. REALLY REALLY BAD PARTS.

• Slow execution.

• DOM is a headache.

• It’s not C, C#, Java, Python, Ruby….

• It does not go away.

Page 18: JavaScript : What is it really? AND Some new features in ES6

JavaScript has

good parts.

That’s why you like it.

Page 19: JavaScript : What is it really? AND Some new features in ES6

JavaScript is a functional

language with dynamic

objects and familiar syntax.

Page 20: JavaScript : What is it really? AND Some new features in ES6

Scales from

beginners to masters.

Page 21: JavaScript : What is it really? AND Some new features in ES6

Very effective in an event-

driven application model.

Page 22: JavaScript : What is it really? AND Some new features in ES6

Programs can be significantly

smaller compared to equivalent

program in other languages.

Page 23: JavaScript : What is it really? AND Some new features in ES6

Always evolving and

proving people wrong.

Page 24: JavaScript : What is it really? AND Some new features in ES6
Page 25: JavaScript : What is it really? AND Some new features in ES6

JAVASCRIPT IS EVERYWHERE

Page 26: JavaScript : What is it really? AND Some new features in ES6

JAVASCRIPT IS EVERYWHERE

• Browsers

• Applications

• OS

• Databases

• Mobile

• Electronics

• Servers

Page 27: JavaScript : What is it really? AND Some new features in ES6

— Jeff Atwood (2007)

Any application that can be written

in javascript, wil l eventually be

written in javascript

“ATWOOD’S LAW

Page 28: JavaScript : What is it really? AND Some new features in ES6

Can JavaScript become

a better language?

YES!!

Page 29: JavaScript : What is it really? AND Some new features in ES6

The most effective way is

to remove the bad parts.

DUH!!

Page 30: JavaScript : What is it really? AND Some new features in ES6

Write code that not only

works, but looks correct too.

JS will become better if we use it

better.

Page 31: JavaScript : What is it really? AND Some new features in ES6

ES2015

Faster. easier. Better.

Page 32: JavaScript : What is it really? AND Some new features in ES6

MAIN GOALS OF ES6

• Fix (some of) ES5 issues

• Backwards Compatibility

• Modern Syntax

• Better suited for big applications

• New features

Page 33: JavaScript : What is it really? AND Some new features in ES6

- Transpiler

- Converts future JS to working JS

Page 34: JavaScript : What is it really? AND Some new features in ES6

Some

ES6/ES2015

Features

LET’S WRITE SOME ES6!

:)

Page 35: JavaScript : What is it really? AND Some new features in ES6

LET

Page 36: JavaScript : What is it really? AND Some new features in ES6

CONST

Page 37: JavaScript : What is it really? AND Some new features in ES6

TEMPLATE STRINGS

Page 38: JavaScript : What is it really? AND Some new features in ES6

CLASSES

Page 39: JavaScript : What is it really? AND Some new features in ES6

CLASSES : INHERITANCE

Page 40: JavaScript : What is it really? AND Some new features in ES6

CLASSES : GETTER/SETTER

Page 41: JavaScript : What is it really? AND Some new features in ES6

ARROW FUNCTIONS

Page 42: JavaScript : What is it really? AND Some new features in ES6

DESTRUCTURING

Page 43: JavaScript : What is it really? AND Some new features in ES6

DESTRUCTURING

Page 44: JavaScript : What is it really? AND Some new features in ES6

MORE COOL STUFFS

• Modules

• Promises

• Symbols

• Generators

• Map/Set Weakmap/Weakset

• More libraries and Core functions extension

Page 45: JavaScript : What is it really? AND Some new features in ES6

REFERENCES

• David Crockford’s talk “Really. JavaScript”

• http://es6-features.org/

Page 46: JavaScript : What is it really? AND Some new features in ES6

@AayushShrestha

QUESTIONS?

fb.me/ShresthaAayush

[email protected]