ES6 Workshop

More concise way of writing Javascript

Naveen Reddy Marella

Utah

Pearson

                            https://github.com/NaviMarella

What this workshop is not

• In Depth explanation of javascript
• not a boring session --- practice 
• Complete tutorial on ES6

Let's Get Started with this Agenda

• Introduction
• ES6 Features Base features
• ES6 Advanced features

Introduction

• What is Ecmascript
• Proposals
• Why learning ES6 is important

https://en.wikipedia.org/wiki/ECMAScript

https://github.com/tc39/proposals

Feedback

Resources

https://goo.gl/forms/Khfgv3raUdKCWuqK2

http://es6-features.org/#Constants

https://github.com/lukehoban/es6features

https://babeljs.io/learn-es2015/

https://kangax.github.io/compat-table/es6/

Huge thanks to Kent C Dodds and Dan Abramov for inspiring me to do this.

Thanks to Venu, JVR Systems Inc for providing resources

Let's Stay awake.....get a Coffee

Let's get Started.....

let & const

Block-scoped binding constructs

Template Literals

Super awesome upgrades to string composition

New core object APIs

Some handy new helpers and such

Arrow Functions

Syntactic sugar and lexical binding

Destructuring

Pulling variables out of objects and arrays

Parameters

Defaults & Rest

Rest/Spread Operator

...apply me

Object Literals

improvements over objects

Modules

Language-level support for module definitions

Classes

Improvements over prototype for OO programming

Sets

Solution to the "unique items in an array" problem

Maps

Like objects + non-string keys

Promises

way of handling async behavior in JavaScript

• Blocking vs Non-Blocking

• Event Loop and concurrency in JavaScript

• Single Thread vs Multi Thread

• synchronous vs aysnchronous

• callbacks

• callback hell

• Promise Resolve, Reject

• Promise -- basic

• Promise.all

• Promise.race

Generators

new way of handling async

Future proposals

Discuss about what's coming next...tc39 proposals

ES6 Tooling

webpack setup for real time ES6 projects

App Time!

Convert an app in ES5 to ES6