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 (26)
Thank you Anderson for taking time to organize these posts.
Not sure who said it but you just turned all those links into information by providing a meaningful context (ES6) 😎.
Thank you for the comment! 👊
👊
Well done Anderson.
I feel @ben should be aware of this set of dev.to articles that helped you learn ES6 :-)
This is great 😄
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!
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.
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!
This is phenomenal! Great blog post, I needed this!
Thank you for the comment! I'm glad to help.
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.
This is awesome, nice work job compiling everything!
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:
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.
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!.
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.
Great job sir!
Thank you! I'm huge fan of your articles.