ES6 JavaScript Tutorial for Beginners - Getting Started

Learn all you need to know about modern ES6 JavaScript!

----------

• Follow @maxedapps and @academind_real on Twitter

See you in the videos!

----------

[generalco]

@8:56 LET and CONST variables
@17:02 Hoisting variables (LET and CONST)
@19:35 Arrow => function short hand
@27:23 Arrow function and THIS
@32:12 Function default parameter values
@38:36 Object literals short hand
@46:23 Rest ... operator
@50:43 Spread ... operator
@53:02 For Of Loop
@54:49 Template ` literals `
@59:21 Destructing arrays[ ] with default parameters
@1:07:21 Destructing {Objects} with alias

Great tutorial!

[cooltune]

If people are scratching their head how to adopt fat arrow functions, use this little trick: (args) => { stuff } translates to "with" (args) "do" { stuff }. I say it every time I type it like a damn toddler but it works!

[enmanuelmartinez]

Can't believe i learned all this in just 1 hour, Thanks!!

[guidingpanda]

brilliant and thank you

For revisiting/refresher

00:45 ES5 vs ES6
08:39 Syntax Changes & Extension - let
13:29 const
17:04 hoisting with "let" and "const"
19:35 (=>) Fat arrow function
26:39 "this" keyword in ES6
32:12 Default parameters
38:37 Object Literal extensions
46:21 (...) Rest Operator, Array
50:43 (...) Spread OPerator, Array
53:02 For-of loop
54:50 Template literals (using variables in strings)
59:21 Destructuring - Arrays
1:07:22 Destructuring - Objects
1:12:12 Wrap Up

[joweltisso]

Thank you. It was really helpful to know before getting started with react native.

[BruskAwat]

I think you might have misunderstood the object literal extensions. let obj = { name, age } is a shorthand for {name: name, age: age}.

Great tutorial, thanks for making it

[sergiuuuo]

That joy when you open a video tutorial aaand ... LOOK, IS Maximilian!! Thanks for all your videos mate, u're the real mentor!

[jackni]

This is a very good presentation. Very clear, detailed and focused.

[andyschulze]

Excellent work. Finally someone explains it straight to the point with great examples. Thank you!

[VishalDeepVerma]

The best tutorial !! Do't go anywhere, you can't get better than this!!

[Artificial_Intelligence_AI]

WOW the spread operator is like magic. I really like ES6 and of course I like your way to explain all this, maybe the best explanaition of all Youtube. Congratulations

[victorialynn]

I'll reiterate jump to points ;-)
@8:56 LET and CONST variables
@17:02 Hoisting variables (LET and CONST)
@19:35 Arrow => function short hand
@27:23 Arrow function and THIS
@32:12 Function default parameter values
@38:36 Object literals short hand
@46:23 Rest ... operator
@50:43 Spread ... operator
@53:02 For Of Loop
@54:49 Template ` literals `
@59:21 Destructing arrays[ ] with default parameters
@1:07:21 Destructing {Objects} with alias

[seansmith]

Your videos are awesome and very clear to understand

[giannizamora]

i like that you can declare methods outside of object literals.

[Josh]

Great in depth tutorial! I've watched several courses for ES6, none of which gave a clear explanation about default value like you did(but it is actually pretty useful, so as many other things in this video). thank you and keep it going!

[jooooocy]

If I like the video "what do you think will happen?"

[anshoopandey]

This is an awesome tutorial . I would like add few things which might help some one : using de-structuring concept.
let arr=[1, 2, 3];
let [...arr1]=arr; // this will create whole new array (ie difference memory reference)
//so to check
console.log(arr==arr1, arr===arr1) /// false, false . // this will help us to avoid the trivial way to copy a array in which we had to use slice method or other methods. This way, of de-structuring also works with object

[caseymccray]

Damn that's a lotta info in 1 hour. Amazing content. Loved the style and the in-depth explanation.
Thank you so much <3

[thetechbox]

this man is awesome i finally fnid somebody who talk code like me and in a clear way, thanks !

[corymtaylor]

if you have trouble with the fn2 at 31:24 binding to the expected objecet,
add /* jshint esnext: true */ to the top of the javascript section. this may happen if you are not logged in to jsbin.