DEV Community

Cover image for Learn ES6 without leaving
Anderson. J
Anderson. J

Posted on • Updated on

Learn ES6 without leaving

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


"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


"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


"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


"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 ♥ 👋

Discussion (29)

dance2die profile image
Sung M. Kim

Thank you Anderson for taking time to organize these posts.

data becomes information when it is presented in a meaningful context

Not sure who said it but you just turned all those links into information by providing a meaningful context (ES6) 😎.

andersonjoseph profile image
Anderson. J Author

Thank you for the comment! 👊

dance2die profile image
Sung M. Kim


rhymes profile image

Well done Anderson.

I feel @ben should be aware of this set of articles that helped you learn ES6 :-)

ben profile image
Ben Halpern

This is great 😄

seankilleen profile image
Sean Killeen

Hey! I've noticed that in this post you use "guys" as a reference to the entire community, which is not made up of only guys but a variety of community members.

I'm running an experiment and hope you'll participate. Would you consider changing "guys" to a more inclusive term? If you're open to that, please let me know when you've changed it and I'll delete this comment.

For more information and some alternate suggestions, see

Thanks for considering!

andersonjoseph profile image
Anderson. J Author

Hi! I think you're right, the post was edited.
English is not my native language, I thought that "guys" was an appropriate and inclusive expression.

seankilleen profile image
Sean Killeen

Thank you so much! I really appreciate your responsiveness. It's not that it was wrong or intentionally offensive; I'm sure that wasn't your intent. I appreciate you making the improvement!

ardennl profile image
Arden de Raaij

I feel slightly overlooked 😅 (

But amazing post!

andersonjoseph profile image
Anderson. J Author

I don't know how I didn't find it before! You have really good info right there.
Article added to the list 📝

ardennl profile image
Arden de Raaij

Yay that's what I was lo-key hoping for 🤣. Thanks! This article is a fantastic es6 resource, regardless!

donita profile image

This is phenomenal! Great blog post, I needed this!

andersonjoseph profile image
Anderson. J Author

Thank you for the comment! I'm glad to help.

andy profile image
Andy Zhao (he/him)

This is awesome, nice work job compiling everything!

adam_cyclones profile image
Adam Crockett

Nobody ever talks about metaprogramming aside from symbols. Proxies are insanely powerful... If a bit slow. I encourage you to find out what they are.

andersonjoseph profile image
Anderson. J Author

Yeah, honestly I took a quick look to them but, I felt lost, so I left it for later. But as soon as possible I will take it up again!.

biros profile image
Boris Jamot ✊ /

I'm not interested at all in ES6, but I find you've done a great job!
It could be done for many other topics.

revskill10 profile image
Truong Hoang Dung • Edited on

Forget the old ways of learning.
If you can make things work, no need to push more concepts in your mind, because you don't need them (yet), right ?

Let's do things this way:

  • Only learn something if you really need to use to make your things work.
damcosset profile image
Damien Cosset

Great job sir!

andersonjoseph profile image
Anderson. J Author

Thank you! I'm huge fan of your articles.

jochemstoel profile image
Jochem Stoel

Some of the things you listed like async and await are not ES6 but more recent. Other than that, thanks. I think many people find this useful.

tetteis profile image
Tettei Shahday-Annang

Great collection... Thanks so so much Anderson.

tutlane profile image

Thanks Anderson. Good collection to learn JavaScript.

desolosubhumus profile image
Desolo Sub Humus 🌎🌍

I'm definitely bookmarking this to read (this post and linked posts) on my upcoming vacation. Seriously, thank you for posting this.

guergana profile image
Guergana Tzatchkova

Great post! All the homework put together. Thanks!

migueloop profile image
Miguel Ruiz

Muy bien hecho. Nice!

cahuichealberto profile image
Alberto Cahuiche

Genial post, se agradece el compendio.

inf3rno profile image
Jánszky László Lajos

Thanks! I have already read/used all of them except Symbols. Very useful links!