Episode 2 - JavaScript ES6+ (ECMAScript 2015+‪)‬ Code and Coffee

Follow us on Twitter! @CodeAndCoffeeP1 



ECMAScript 2015+ (ES6+) 

What is it? 

Why do we have it? 

What is the importance of it Is there anything that y’all would have liked to know before developing in Javascript about ECMAScript? I.e. understanding that is wasn’t a version rather than a standard that browsers implemented 



Discussion of ES5- JavaScript. 

How was it developing in that way? 

What are our experiences in working in ES5-     I.e. manual DOM manipulation.     


jQuery     
Callback hell (Promises introduced in ES7) 

Should developers know how to code in ES5-, or is this a skill that should be researched(googled) when something comes up? 

Defining ES6+, or more generally known as, new/advanced features of JavaScript 

What are our favorite new features that the ECMA release have given     


Arrow functions     
Template strings     
Classes     
Symbols 

What are some of the important features that were introduced in the new yearly ECMA releases that y’all believe junior developers should be comfortable with before going into a job position and/or interview? 

Follow us on Twitter! @CodeAndCoffeeP1 

Resources 

In many ways, ES2015 is almost like learning a new version of JavaScript. If you are coming from an earlier syntax

Ecma Technical Committee 39 governs the ECMA specification. 

They decided to release a new version of ECMAScript every year starting in 2015. 

A yearly update means no more big releases like ES6. ECMAScript 2016 introduced only two new features: Array.prototype.includes()Array.prototype.includes() checks the array for the value passed as an argument. It returns true if the array contains the value, otherwise, it returns false.Before, we needed to use Array.prototype.indexOf() to check if the given array contains an element or not.let numbers = [1, 2, 3, 4]; if(numbers.indexOf(2) !== -1) {  console.log('Array contains value');} 

With ECMA2016, we can write:if(numbers.includes(2)) {  console.log('Array contains value');} Array.prototype.includes() handles NaN better than Array.prototype.indexOf(). 

If the array contains NaN, then indexOf() does not return a correct  index while searching for NaN.Array.prototype.includes() returns the correct value when searching for NaN.Exponentiation operator 

See more resources below for the language specs from 

ECMA Specs from 9 and up (the last few years)

https://www.ecma-international.org/ecma-262/9.0/index.html 

https://www.ecma-international.org/ecma-262/10.0/index.html 

https://www.ecma-international.org/ecma-262/11.0/index.html 

ES11 -- Optional Chaining (FINALLY), import(), Promise.allSettled(), matchAll (method for strings to produce an iterator for all matched objects generated by a global regex)


---

Send in a voice message: https://podcasters.spotify.com/pod/show/code-and-coffee/message
Support this podcast: https://podcasters.spotify.com/pod/show/code-and-coffee/support