Learn ES6 without leaving Dev.to

andersonjoseph

Anderson. J

Posted on September 7, 2018

Learn ES6 without leaving Dev.to

Hi everyone! Today I'm finishing my ES6 course, so I'm here to share some posts that were useful while I was learning, here you go.

Var, let, const

"The var declares a variable, optionally initializing it to a value."
"The let statement declares a block scope local variable, optionally initializing it to a value."
"Constants are block-scoped, much like variables defined using the let statement. The value of a constant cannot change through re-assignment, and it can't be redeclared."

"var, let and const - What's the difference?" By: Sarah Chima
"Javascript variables - var, let and const" By: Frugence Fidel
"Var vs Let vs Const" By: Sethu Senthil


Arrow Functions

"An arrow function expression has a shorter syntax than a function expression and does not have its own this, arguments, super, or new."

"Arrow Functions in ES6" By: Sarah Chima
"Arrow Functions in JavaScript" By: Tyler McGinnis


Template Literals

"Template literals are string literals allowing embedded expressions. You can use multi-line strings and string interpolation features with them. "

"JavaScript Template Literals" By: Tiffany White


Destructuring

"The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables."

"Object Destructuring in ES6" By: Sarah Chima
"Destructuring Assignment in ES6- Arrays" By: Sarah Chima


Iterators, Iterables

"A iterator is a pointer that goes through the elements of an iterable object."

"What the... iterators?" By: Fabio Russo
"Practical Explanation Of Javascript Iterators(with a demo app)" By: Abejide Femi Jr
"How I learned to Stop Looping and Love the Iterator" By: Kushan Joshi


Promises, async, await

"The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value."

"I promise I won't callback anymore" By: Damien Cosset
"Asynchronous code with async/await" By: Damien Cosset
"JavaScript: Promises and Why Async/Await Wins the Battle" By: Nick Parsons
"All about Promises and async / await" By: Arden de Raaij


Symbols

"Every symbol value returned from Symbol() is unique. A symbol value may be used as an identifier for object properties; this is the data type's only purpose. "

"Symbols in ES6 - A Quick Guide" By: Ben Mildren


Classes

"The class expression is one way to define a class in ECMAScript 2015. Similar to function expressions, class expressions can be named or unnamed. If named, the name of the class is local to the class body only."

"ES6 classes" By: Sarah Chima


Generators

"The Generator object is returned By a generator function and it conforms to both the iterable protocol and the iterator protocol."

"Introduction to Generators in ES6" By: Damien Cosset
"A Quick, Practical Use Case for ES6 Generators" By: Shawn Reisner


Sets, Maps

"The Set object lets you store unique values of any type, whether primitive values or object references."
"The Map object holds key-value pairs. Any value (both objects and primitive values) may be used as either a key or a value."

"Sets in ES6 - A Quick Guide" By: Ben Mildren
"Sets in Javascript ES6" By: Damien Cosset
"Maps in ES6 - A Quick Guide" By: Ben Mildren
"Maps in Javascript ES6" By: Damien Cosset"


I hope it helps those who are currently learning or want to learn 'modern javascript'. That's all for this post.

OH! And thank you for reading my first entry ♥ 👋

💖 💪 🙅 🚩
andersonjoseph
Anderson. J

Posted on September 7, 2018

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Debounce using ES6
javascript Debounce using ES6

March 4, 2024

Dive into ES6
javascript Dive into ES6

February 22, 2024

Tips: Object Destructuring in JavaScript ES6
How to setup Gulp with ES6
javascript How to setup Gulp with ES6

August 14, 2022

JavaScript ES6
javascript JavaScript ES6

January 23, 2022