![Page 1: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/1.jpg)
JSUHMMM..
![Page 2: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/2.jpg)
JAVASCRIPT
![Page 3: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/3.jpg)
![Page 4: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/4.jpg)
@AayushShrestha
Co-Founder - LISHN
Head of Experience Design & Architecture -Viveka Health
fb.me/ShresthaAayush
![Page 5: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/5.jpg)
• 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](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/6.jpg)
The world’s most
popular language.
![Page 7: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/7.jpg)
POPULARITY STACK OVERFLOW VS GITHUB
![Page 8: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/8.jpg)
STACK OVERFLOW TAG NAME TRENDS
![Page 9: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/9.jpg)
RANKED BY # OF PROGRAMMING JOBS
![Page 10: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/10.jpg)
The world’s most
unpopular language.
![Page 11: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/11.jpg)
BRENDEN EICH
JAVA SCHEME SELF
LiveScript
JavaScript
ECMAScript
![Page 12: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/12.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/13.jpg)
The web is dead.
-People of early 2000
![Page 14: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/14.jpg)
Microsoft
abandoned web.
![Page 15: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/15.jpg)
AJAX
-JavaScript gets a second chance.
![Page 16: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/16.jpg)
![Page 17: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/17.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/18.jpg)
JavaScript has
good parts.
That’s why you like it.
![Page 19: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/19.jpg)
JavaScript is a functional
language with dynamic
objects and familiar syntax.
![Page 20: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/20.jpg)
Scales from
beginners to masters.
![Page 21: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/21.jpg)
Very effective in an event-
driven application model.
![Page 22: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/22.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/23.jpg)
Always evolving and
proving people wrong.
![Page 24: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/24.jpg)
![Page 25: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/25.jpg)
JAVASCRIPT IS EVERYWHERE
![Page 26: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/26.jpg)
JAVASCRIPT IS EVERYWHERE
• Browsers
• Applications
• OS
• Databases
• Mobile
• Electronics
• Servers
![Page 27: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/27.jpg)
— 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](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/28.jpg)
Can JavaScript become
a better language?
YES!!
![Page 29: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/29.jpg)
The most effective way is
to remove the bad parts.
DUH!!
![Page 30: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/30.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/31.jpg)
ES2015
Faster. easier. Better.
![Page 32: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/32.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/33.jpg)
- Transpiler
- Converts future JS to working JS
![Page 34: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/34.jpg)
Some
ES6/ES2015
Features
LET’S WRITE SOME ES6!
:)
![Page 35: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/35.jpg)
LET
![Page 36: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/36.jpg)
CONST
![Page 37: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/37.jpg)
TEMPLATE STRINGS
![Page 38: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/38.jpg)
CLASSES
![Page 39: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/39.jpg)
CLASSES : INHERITANCE
![Page 40: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/40.jpg)
CLASSES : GETTER/SETTER
![Page 41: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/41.jpg)
ARROW FUNCTIONS
![Page 42: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/42.jpg)
DESTRUCTURING
![Page 43: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/43.jpg)
DESTRUCTURING
![Page 44: JavaScript : What is it really? AND Some new features in ES6](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/44.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022021816/58ad6d4d1a28ab9e428b6573/html5/thumbnails/45.jpg)
REFERENCES
• David Crockford’s talk “Really. JavaScript”
• http://es6-features.org/