JavaScript ES6, ES7, ES8: Learn to Code on the Bleeding Edge (Full Course)

JavaScript is one of the most popular programming languages in the world. It’s used almost everywhere: from large-scale web applications to complex servers to mobile and IoT devices.

⭐️ Course content ⭐️

⌨️ Template Literals (1:06)
⌨️ Destructuring (5:32)
⌨️ Object Literal (9:42)
⌨️ For of loop (13:44)
⌨️ Spread operator (17:51)
⌨️ Rest operator (20:57)
⌨️ Arrow Functions (23:02)
⌨️ Default Params (25:50)
⌨️ Let & const (28:58)
⌨️ Export & import (32:53)
⌨️ Classes (38:05)
⌨️ Trailing commas (49:59)
⌨️ Async/Await (51:27)
⌨️ Sets (1:01:19)
⌨️ What's Next (1:04:08)

If you want to learn more about JavaScript, check out these playlists on our channel:

--

[maibhassin]

finally, someone who starts with actual basics, every other tutorial is like there are arrow functions, look at this arrow function, so fancy arrow function, we are just gonna mention other stuff but wait first look at this arrow function, arrow functions are the greatest thing since sliced bread. Arrow function is a new religion. I wish I could leave my spouse and marry an arrow function. ARROW FUNCTION ARROW FUNCTION. I think I am going insane.

[exceptionalbuildingservices]

Awesome video, just a tip to all of you, you can do the object destructuring at 12:33 like this:
function combinedAddressMaker({city, country}){
//address should be an object
const newAddress = {
city,
country,
}

instead of write it on a new line.

Thanks for the video!!!

[Colstonewall]

Awesome, man. Destructuring is something I had no idea existed in Javascript until I watched. Thank you!

[sfcs]

I'm a professional backend dev with a primary focus on php. Trailing Commas can be a blessing depending on your preference. Say you have created an array with trailing commas and newlines:

const array = [
1,
2,
3,
]

Suppose you had to add an element to this array on a later revision, it is easier to start editing beginning with an enter press and end with a comma than vise-versa (at least for me). But the real benefit comes from when you have to remove an element from the end. You can achieve that with a single keyboard shortcut via your editor without having to do extra work for clearing a comma from above line. It is a nice QoL feature I love, but it may not be necessary for everyone.

[lambdaboss]

9:20 - "Say my girlfriend"... "I took on her last name or something like that"... "It's not gonna happen but we'll pretend". lol

Very useful tutorial so far, thank you.

[johnnymeza]

THE CODING GOD!!!! I used to watch your videos in 2018 when I was learning Angular. Thanks for doing this video!

[himanshu_kapoor]

thanks for the great video, 29:24 - It will return undefined not null for variable hosting

[MayeenulIslam]

Thank you very much for the brief introduction.
Fall in love with ES6. Thanks a lot. <3

[mahmoudm]

If anyone has a problem with import/export, try the following solution:
> open cmd
> navigate to the project folder
> type 'npm init' and click enter
(you will notice a file called package.json created)
> open package.json and under "name": "<project name>", type: "type": "module",

save and recompile. It should be solved.

[onnewf]

I must say that this tutorial is on another level 🔥🔥🔥

[rolerasi]

These tutorials are pure gold. Thank you very much! :)

[codewithnacho]

This was a great course! Thanks Dylan for putting the time to it!

[macas-academy]

it feels like they are turning js into py, is a good thing.

[dextersinister]

In the Object Literal Challenge you could write addressMaker({city, state}) to destructure the address object.

[rushingwp]

please make more vids for JS (front and backend tools will be greatly excellent). im considering switching from Udemy to this channel (as i find paid courses and content on this channel deliver pretty much the same) and will help promote this to my friends too. thank you in advance!

[BansheeVision]

export / import does not work unless you use a framework such as React or transplanter~compiler like Babel. Great video, but if you would do a short segment on configuring a sandbox to follow along with all examples it would be very helpful to more people. Keep up the great work!

[paschalynukwuani]

Good job! I really enjoyed watching this tutorial, you are an awesome teacher, you know. I look forward to seeing more tutorials from you. This one right here is very comprehensive.☺

[ghostpieces]

Trailing commas are great for the maintenance of code. Removes the need to add an extra comma when adding additional elements in a data structure.

Yes trailing commas is an awesome feature! I've been struggling with this comma issue in other languages, and even when writing JSON files... When you're adding, then removing, trial and error, rewriting code, etc, it's so frustrating when you forget a stupid comma.
Or even when generating SQL code for example, in a loop, with multiple select columns or ORDER BY, you need the conditionally write your commas in between and remove the last one... Its just a pain

[jlu]

When you use a for ... of loop, I'm pretty sure you can change the loop variable if you use declare it with let (tested on CodeSandbox)