DEV Community

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

Posted on • Edited on

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

Top comments (28)

Collapse
 
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) 😎.

Collapse
 
andersonjoseph profile image
Anderson. J

Thank you for the comment! 👊

Collapse
 
dance2die profile image
Sung M. Kim

👊

Collapse
 
rhymes profile image
rhymes

Well done Anderson.

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

Collapse
 
ben profile image
Ben Halpern

This is great 😄

Collapse
 
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 dev.to/seankilleen/a-quick-experim....

Thanks for considering!

Collapse
 
andersonjoseph profile image
Anderson. J

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.

Collapse
 
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!

Collapse
 
ardennl profile image
Arden de Raaij

I feel slightly overlooked 😅 (dev.to/ardennl/about-promises-and-...)

But amazing post!

Collapse
 
andersonjoseph profile image
Anderson. J

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

Collapse
 
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!

Collapse
 
doni profile image
Doni

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

Collapse
 
andersonjoseph profile image
Anderson. J

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

Collapse
 
andy profile image
Andy Zhao (he/him)

This is awesome, nice work job compiling everything!

Collapse
 
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.

Collapse
 
andersonjoseph profile image
Anderson. J

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!.

Collapse
 
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.

Collapse
 
revskill10 profile image
Truong Hoang Dung • Edited

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.
Collapse
 
damcosset profile image
Damien Cosset

Great job sir!

Collapse
 
andersonjoseph profile image
Anderson. J

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