loading...
Cover image for Learn ES6 without leaving Dev.to

Learn ES6 without leaving Dev.to

andersonjoseph profile image Anderson. J Updated on ・3 min read

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

Discussion

pic
Editor guide
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 Author

Thank you for the comment! 👊

Collapse
dance2die profile image
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 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.

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 Author

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
donita profile image
Donita

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

Collapse
andersonjoseph profile image
Anderson. J Author

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

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

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 Author

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

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

Collapse
tetteis profile image
Tettei Shahday-Annang

Great collection... Thanks so so much Anderson.

Collapse
tutlane profile image
Tutlane

Thanks Anderson. Good collection to learn JavaScript.

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

Collapse
guergana profile image
Guergana Tzatchkova

Great post! All the homework put together. Thanks!

Collapse
migueloop profile image
Miguel Ruiz

Muy bien hecho. Nice!

Collapse
cahuichealberto profile image
Alberto Cahuiche

Genial post, se agradece el compendio.

Collapse
inf3rno profile image
Jánszky László Lajos

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