ES6 Javascript Tutorial For Beginners | ES6 Crash Course

Check out my courses here!
developedbyed.com
ES6 Javascript Tutorial For Beginners | ES6 Crash Course
This is a crash course of all the new features in javascript (ES6). We are going to take a look at all the new features, we will be writing
all the code in old vanilla javascript and then we will refactor everything to ES6.
This course covers topics like arrow functions, the difference between a normal function and arrow functions, why not to use var and switch to
const and let variables, object deconstruction, default parameters, switching from constructor functions to classes, promises and more.
I highly reccomend you take this course if you are a bit familiar with javascript and you want to learn all the modern features available
in ES6, also known as ECMA Script 2015.
❤Become a patreon for exclusive videos and more!
/ dev_ed
Microphones I Use
Audio-Technica AT2020 - geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro - geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface - geni.us/AcbCpd9 (Amazon)
Camera Gear
Fujifilm X-T3 - geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 - geni.us/sztaN (Amazon)
PC Specs
Kingston SQ500S37/480G 480GB - geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 - geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X - geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB - geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 - geni.us/YAtI (Amazon)
DeepCool ATX Mid Tower - geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K - geni.us/kXHE (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k - geni.us/bilekX (Amazon)
Logitech G305 - geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced - geni.us/YBsCVX0 (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
📕 Things covered in this video:
- let and const variables
- arrow functions
- concatination
- classes
- destructuring
- default parameters
- object literals
- forEach, map and filter
📔 Materials used in this video:
VSCode
🛴 Follow me on:
Twitter: / deved94
Github: github.com/DevEdwin
🎵 Music:
Outro:
LAKEY INSPIRED - Me 2 (Feat. Julian Avila)
Music By: / lakeyinspired
Intro:
Dj Quads
Track Name: "Every Morning"
Music By: Dj Quads @ / aka-dj-quads
Creative Commons - Attribution-ShareAlike 3.0 Unported- CC BY-SA 3.0
creativecommons.org/licenses/b...

[@jeemercado4706]

Timestamps 1.) 00:31 - Variables 2.) 08:00 - String Concatenation 3.) 09:49 - Object Literals 4.) 11:23 - Object Deconstruction 5.) 13:52 - Arrow Functions 6.) 25:05 - Default Parameters 7.) 28:22 - Array Functions 8.) 34:56 - Constructor Functions and Classes 9.) 47:38 - Promise

[@ahmedshawkat6101]

You are a LEGEND

[@patrickdaveintervalo]

thanks bro

[@estanbrown7943]

Legendary being amongst usss!!

[@Gimmiyimmy]

Arrow function

[@JBMMalik876]

you da goat

[@abiralbhattarai1473]

ok i spent last month completing a 6hr es6 tutorial and dint understand shit, And this dude right here explained all that shit in 50 mins like wowwww! Wish i had found you earlier I'd have saved 3-4 weeks of my time!!!!Any way thanks for the tutorial it was really helpful

[@Giorgi-ho8rj]

yeap

[@developedbyed]

Let me know which one is your favorite feature from ES6!

[@desequilibradoo]

Hey Ed ! Which vs code theme do you use?

[@dheemer]

Until now i've used the forEach loop most. Will try to use the new classes some more in the future. Awesome video!

[@sakibalislam]

Arrow function , classes

[@karenkharatyan1]

let and const

[@lopsanggurung5870]

@@desequilibradoo Material Theme Palenight High Contrast

[@mirang2803]

Ed my man I want to thank you for taking the time to teach us this stuff, it's really helpful, and you are a great and fun teacher! Thanks a mil!

[@harunavictor9743]

I must acknowledge that this is one of the best channels for a reasonable learning process, good job Ed

[@blackspacevoid5408]

The best ES6 crash course on youtube! Thanks Dev Ed.

[@osamagamal495]

I like how you showed us the previous way, how it used to be done. that way I reviewed what I have learned and learned something new. ;) this video deserves a million likes. I subbed. thanks, dude.

[@conoroshea5644]

I'm only about 15 mins in and really enjoying this thank you :D

[@mahmouddaker3936]

This is such an amazing video!! Thanks you so much! I've been looking all over the place for a good tutorial and yours is amazing. Straight and to the point!

[@karthickb1973]

i know people can complain that, you cant pronounce anything construtively blah blah blah ..... but i can watch you talk my while life ... you joy is contagious ... you are blessed man ... your fan from india

[@00el04]

This was so helpful cause my head was so confused before watching this tutorial!

[@logosmaxima2775]

Usually on tutorials I get sleepy and bored. But you managed to keep the audience focused with your hilarities here and there. Great Job. Learned a lot too so Thanks!

[@shyam5631]

Awesome man. I just gone through all the concepts of the ES6 previously and it took me 1 week. From your video i learnt everything in 1 hour.

[@metekamil]

Great job! Best tutorial I've seen in a long time! Thank you!

[@nicolas3030]

Thank you so much! I watched it complete, while practicing in vs code.

[@kenpalmer101]

Great job, Ed! Presenting the way you did with the format of "OLD JAVASCRIPT" versus "ES6" was very helpful.

[@user-gnwolmgkqpcn15829]

You made a way easier learning curve of javascript than ever. I have been trying to understand JS and I finally getting familiar with JS better and better. Thanks a lot. I am looking forward to next videos.

[@AchuVlogs]

I have no experience in programming language and you made JS look so easy and understandable. Thank you :)

[@kennstack01]

Your way of teaching is really interesting ! Congratulations Ed !

[@aribakodes5453]

@Dev Ed I can't describe in words how grateful I am for this video. I was confused about Javascript on whole before this with the flood of information, new vs old. This video taught me more JS than any other crash course. Thank you so much

[@DatMan404]

Love the way you explained those topics. Tried to learn from other channels but they always assume the people viewing are born already experts in javascript and use technical language instead of trying to keep it simple and explain what it means.

[@Carl-yu6uw]

This one is really handy Ed - ES6 features quickly explained with your worked examples, and neatly contrasted with the "old" ways. Enjoying your channel, particularly the HTML, CSS & JS stuff.

[@giorgimerabishvili8194]

The best course on ES6 ever! Thank you

[@andylib]

exactly the video I was looking for !!

[@magnusbjork1660]

Thanks a lot for this ES6 round trip. Really like your tutorials :-)

[@jack82822005]

Oh Finally, I GOT the video what I WANT!!!!! thanks!!!! XD

[@Bitrey]

This video was very helpful and you're amazing at teaching! :)

[@robertomarra2431]

Bravo Ed, I really appreciate your tutorial. Not boring at all and very teaching! I learn a lot even though I wasn't completely infamiliar with Javascript. Thank you

[@codecre8352]

You are great at explaining concepts and presenting them in a simple way. Super easy to understand!

[@HansenHarmonyHands]

Thank you for this video. I learned a lot and laughed out loud a few times. That's what makes your videos so great.

[@hattrickster33]

Thanks so much for making this. I have a lot of experience with vanilla JS, but I need to learn a framework for my next job. This helped me review bit before getting started with React. Makes things 100x easier if you have a solid understanding of ES6 features.

[@andsheterliak]

Perfect lesson, thanks Ed.

[@vidishagoyal]

Absolutely love this! You have mad teaching skills!

[@minucocat]

This is a great ES6 tutorial. Thank you so much!

[@Freshel]

I was just trying to Find ElderScrools 6 videos.

[@hattrickster33]

looool this video will be getting a lot of views from people looking for ES6 Let's Plays and stuff

[@egae6782]

gonna end up as a web developer.

[@raphtlw]

"How I got into programming"

[@DetlefDumpelmann]

This is some excellent sorcery right here.

[@rodriclo1991]

I love your videos man, I'm learning and laughing a lot. Thanks for sharing your knowledge!

[@YoRoman]

I now have a basic understanding of ES6 thanks to you! Cheers buddy.

[@shafeel.m]

Good Work!! Exactly the one i was looking for.

[@aribakodes5453]

This is most amazing video I have seen in a long time.

[@XboneAus]

I think it's a crime for Ed to be so Underrated. >.

[@yashagarwal5378]

I just see a happy guy trying his best to teach the world.

[@eudorahn1856]

All the things that i struggle understanding is killed by you here. Soooooo much thank Edwin^^

[@dilshodusmanov1458]

I followed you because you explained so simply and with comparison. THANKS😊

[@moogle-studio]

this tutorial is so helpful, I have watched it before, now I want to review JS syntax, the first tutorial I think of is this one. Thanks

[@subratsingh6204]

you explain so briefly!!! thanks

[@estanbrown7943]

You are such an amazing and a lovely person!! You just gave us a whole pie of valuable and really usefull tutorials.Tomorrow is my first day as js dev and man you helped me a tonnnn lovee ya mate!!

[@radunicoara8057]

Thank you for doing this! Really cleared stuff up.

[@akashgoenka6472]

Thanks a lot Ed, this is very helpful !!

[@promptcircleai]

Thank you Ed, was really insightful.

[@rangerboi9715]

Just luv u Ed bro the name ES6 was simply breaking my head while its made to makes thing simpler. Ur videos helps me very much. Now off to ReactJs course on ur channel.

[@ahmedhabeeb2499]

Oh , Es6 easier . thanks man in Time this course come

[@adrianvaldes3953]

Thanks Ed, your videos are well explained and useful, I enjoy them a lot.

[@sharwarigothe4612]

This is really awesome. How do you make things look so easy? Thanks for the tutorial!

[@programmingwithjavascript3579]

Great:) es 6 explanation

[@suvrodebnath4470]

Thank you for this nice tutorial. It helped me clear up some confusion.

[@rakeshthampy7060]

Bro the video was amazing, had a lot of doubts cleared. Thanks a lot

[@justb3m184]

Thanks Dev Ed! Having a rough time learning CS6.

[@vasylsidelnyk7941]

Thanks ! Great as always!

[@deekshaupadhyay6434]

Great course so far...have understood all the concepts so easily. He is very clear in explaining the concepts.

[@danielandrei5214]

super duper , thank you for the course my gorgeous :D

[@Nagaraj_Bonthalakoti]

You have a done one miracle for learners, awesome video, old javascript vs ES6 comparison next level. Thank you.

[@maybe22days]

Dude your works is super awesome, just keep going! Peace.

[@GamingBeast-nq9oo]

Awesome video as always 😃👍👌 .. Keep it up..

[@utkarsh_108]

You are really a jolly person. you are always happy and laughing :) keep it up. good job

[@rAuL8a]

This is amazing for people who are starting to learn Javascript like me, thank you very much!

[@sappelsap534]

Im coming from Python and Im sooo glad I didn't start learning JS before ES6.

[@PaulJacobs51]

Really awesome channel, keep up the good work Ed..!

[@Ab-zs6gw]

Thank you for your marvelous teaching.Keep it up!!!

[@lionelcliff]

Great Tutorial. Very Easy to Understand Examples and Engaging

[@kongyanheung3814]

Great work. you explain complicated ideas in real layman terms.

[@larissasaad7378]

Amazing explanation!!!

[@lilianaorozco7434]

Thanks so much, Ed! Awesome!

[@megharathod1922]

Amazing explanation dude :)

[@shreeram_kulkarni]

1year later from 3k subs to over 300k subs !! Great work Edwin!!!!

[@fhrmk]

Thank you Ed!

[@ahmedabdelhamed2482]

thanks man for this great video

[@HarpreetKaur-kn5ei]

Very helpful video. Interesting and well explained! Thank you!

[@jonathanbautista6109]

Nice tutorial. Easy to understand.

[@inspriration1]

So nicely and clearly explain. The rhythm is very good too. If the Old Java example is using the same info as the new ES6, (keep using Ed exp, or keep using shoppinglist) that will be even better for a beginner. Thanks a lot Ed! You are the best!

[@MizadloGarcia]

Great video! I have 2 observations. The generated number should be multiplied by 2.9 because if it hits 1, the result will be 3 and the array index only can get to 2. The other one is that the hand's png should be the rock once you hit the option and change to the option selected after the animation ends.

[@davidchampion1758]

This was so helpful. Thanks so much :-)

[@Fun-qv7eh]

thank you for this kind of high quality course in free.... you maked this super easy

[@miguelcastillo7346]

Thank you so much for sharing your knowladge with us :)

[@heshamh2920]

Thank you for making it very easy to understand

[@shivamsingh-hh1jp]

very helpful for me as i wanted to use the es6 version

[@blogcorpo]

That was greate... Thanks Ed.

[@safalpiya2434]

This is such a useful session. Thank you so much.

[@luismatos684]

Thanks, great instructor.

[@parsa_ezati]

You are wonderful Ed

[@J90JAM]

Arrow functions aren't as scary as people made out, nice explanation!

[@manoking918]

Than you so much, for this course. It's really helpful for me becoz i m beginner for react so its really really useful.. Thanks a lot again. Greetings from India ❤❤❤❤❤🌷🌷🌷🌷🌷

[@slevin0011]

Thanks for an awesome explanation Ed

[@TheBacker007]

Awesome explanation of ES6 !!!!

[@harisahmad6447]

Thank you my friend. It helped me a lot

[@chamdeepmudigolam2928]

Hi Ed, Thanks for nice information

[@francis12375]

Thank you very much I learning a lot from you :D

[@eliasvasques80]

Thanks for the video, it helped a lot.

[@99thato]

Thanks for the short but helpful tut

[@janezvegan]

Thank you for this video. It realy give me a brif look to ES6 and help me with my React tutorial

[@drivexyz2297]

keep up bro, awesome videos