ES6 Javascript Tutorial For Beginners | ES6 Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 มี.ค. 2019
  • 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...
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 335

  • @jeemercado4706
    @jeemercado4706 4 ปีที่แล้ว +445

    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

  • @mirang2803
    @mirang2803 4 ปีที่แล้ว +20

    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!

  • @blackspacevoid5408
    @blackspacevoid5408 5 ปีที่แล้ว +9

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

  • @mahmouddaker3936
    @mahmouddaker3936 5 ปีที่แล้ว +4

    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!

  • @metekamil
    @metekamil 4 ปีที่แล้ว +4

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

  • @harunavictor9743
    @harunavictor9743 3 ปีที่แล้ว +8

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

  • @conoroshea5644
    @conoroshea5644 5 ปีที่แล้ว +6

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

  • @Bitrey
    @Bitrey 4 ปีที่แล้ว +5

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

  • @andylib
    @andylib 5 ปีที่แล้ว +2

    exactly the video I was looking for !!

  • @magnusbjork1660
    @magnusbjork1660 4 ปีที่แล้ว +1

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

  • @nicolas3030
    @nicolas3030 4 ปีที่แล้ว +2

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

  • @giorgimerabishvili8194
    @giorgimerabishvili8194 4 ปีที่แล้ว +4

    The best course on ES6 ever! Thank you

  • @vidishagoyal
    @vidishagoyal 3 ปีที่แล้ว +1

    Absolutely love this! You have mad teaching skills!

  • @minucocat
    @minucocat 4 ปีที่แล้ว +2

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

  • @HansenHarmonyHands
    @HansenHarmonyHands 3 ปีที่แล้ว +3

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

  • @00el04
    @00el04 4 ปีที่แล้ว +11

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

  • @kenpalmer101
    @kenpalmer101 3 ปีที่แล้ว

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

  • @kennstack01
    @kennstack01 4 ปีที่แล้ว +4

    Your way of teaching is really interesting ! Congratulations Ed !

  • @jack82822005
    @jack82822005 5 ปีที่แล้ว +14

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

  • @AchuVlogs
    @AchuVlogs 2 ปีที่แล้ว +1

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

  • @logosmaxima2775
    @logosmaxima2775 3 ปีที่แล้ว +1

    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!

  • @rodriclo1991
    @rodriclo1991 2 ปีที่แล้ว +1

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

  • @andsheterliak
    @andsheterliak 5 ปีที่แล้ว +3

    Perfect lesson, thanks Ed.

  • @shafeel.m
    @shafeel.m 4 ปีที่แล้ว

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

  • @Carl-yu6uw
    @Carl-yu6uw 5 ปีที่แล้ว

    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.

  • @osamagamal495
    @osamagamal495 4 ปีที่แล้ว +2

    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.

  • @akashgoenka6472
    @akashgoenka6472 4 ปีที่แล้ว +1

    Thanks a lot Ed, this is very helpful !!

  • @adrianvaldes3953
    @adrianvaldes3953 4 ปีที่แล้ว

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

  • @shyam5631
    @shyam5631 4 ปีที่แล้ว

    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.

  • @codecre8352
    @codecre8352 3 ปีที่แล้ว

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

  • @radunicoara8057
    @radunicoara8057 4 ปีที่แล้ว

    Thank you for doing this! Really cleared stuff up.

  • @user-gnwolmgkqpcn15829
    @user-gnwolmgkqpcn15829 5 ปีที่แล้ว

    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.

  • @promptcircleai
    @promptcircleai 2 ปีที่แล้ว

    Thank you Ed, was really insightful.

  • @abiralbhattarai1473
    @abiralbhattarai1473 3 ปีที่แล้ว +17

    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

  • @robertomarra2431
    @robertomarra2431 3 ปีที่แล้ว

    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

  • @aribakodes5453
    @aribakodes5453 3 ปีที่แล้ว +1

    @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

  • @aribakodes5453
    @aribakodes5453 4 ปีที่แล้ว +1

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

  • @suvrodebnath4470
    @suvrodebnath4470 2 ปีที่แล้ว

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

  • @vasylsidelnyk7941
    @vasylsidelnyk7941 5 ปีที่แล้ว

    Thanks ! Great as always!

  • @developedbyed
    @developedbyed  5 ปีที่แล้ว +71

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

    • @desequilibradoo
      @desequilibradoo 5 ปีที่แล้ว +2

      Hey Ed ! Which vs code theme do you use?

    • @dheemer
      @dheemer 5 ปีที่แล้ว

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

    • @sakibalislam
      @sakibalislam 5 ปีที่แล้ว +2

      Arrow function , classes

    • @karenkharatyan1
      @karenkharatyan1 4 ปีที่แล้ว +1

      let and const

    • @lopsanggurung5870
      @lopsanggurung5870 4 ปีที่แล้ว +1

      @@desequilibradoo Material Theme Palenight High Contrast

  • @subratsingh6204
    @subratsingh6204 5 ปีที่แล้ว +1

    you explain so briefly!!! thanks

  • @PaulJacobs51
    @PaulJacobs51 4 ปีที่แล้ว

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

  • @estanbrown7943
    @estanbrown7943 4 ปีที่แล้ว

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

  • @YoRoman
    @YoRoman 4 ปีที่แล้ว

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

  • @dilshodusmanov1458
    @dilshodusmanov1458 ปีที่แล้ว

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

  • @danielandrei5214
    @danielandrei5214 3 ปีที่แล้ว

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

  • @Ab-zs6gw
    @Ab-zs6gw 2 ปีที่แล้ว +1

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

  • @hattrickster33
    @hattrickster33 4 ปีที่แล้ว

    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.

  • @sharwarigothe4612
    @sharwarigothe4612 3 ปีที่แล้ว +3

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

  • @maybe22days
    @maybe22days 4 ปีที่แล้ว

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

  • @GamingBeast-nq9oo
    @GamingBeast-nq9oo 5 ปีที่แล้ว +2

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

  • @miguelcastillo7346
    @miguelcastillo7346 4 ปีที่แล้ว

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

  • @rakeshthampy7060
    @rakeshthampy7060 3 ปีที่แล้ว

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

  • @HarpreetKaur-kn5ei
    @HarpreetKaur-kn5ei 3 ปีที่แล้ว

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

  • @davidchampion1758
    @davidchampion1758 4 ปีที่แล้ว

    This was so helpful. Thanks so much :-)

  • @safalpiya2434
    @safalpiya2434 4 ปีที่แล้ว

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

  • @lilianaorozco7434
    @lilianaorozco7434 4 ปีที่แล้ว

    Thanks so much, Ed! Awesome!

  • @DatMan404
    @DatMan404 3 ปีที่แล้ว

    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.

  • @programmingwithjavascript3579
    @programmingwithjavascript3579 3 ปีที่แล้ว +1

    Great:) es 6 explanation

  • @ahmedabdelhamed2482
    @ahmedabdelhamed2482 3 ปีที่แล้ว

    thanks man for this great video

  • @eudorahn1856
    @eudorahn1856 4 ปีที่แล้ว

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

  • @francis12375
    @francis12375 4 ปีที่แล้ว

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

  • @Nagaraj_Bonthalakoti
    @Nagaraj_Bonthalakoti 3 ปีที่แล้ว

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

  • @deekshaupadhyay6434
    @deekshaupadhyay6434 3 ปีที่แล้ว

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

  • @lionelcliff
    @lionelcliff 4 ปีที่แล้ว

    Great Tutorial. Very Easy to Understand Examples and Engaging

  • @moogle-studio
    @moogle-studio 4 ปีที่แล้ว

    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

  • @eliasvasques80
    @eliasvasques80 ปีที่แล้ว

    Thanks for the video, it helped a lot.

  • @kongyanheung3814
    @kongyanheung3814 2 ปีที่แล้ว

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

  • @blogcorpo
    @blogcorpo 5 ปีที่แล้ว

    That was greate... Thanks Ed.

  • @harisahmad6447
    @harisahmad6447 4 ปีที่แล้ว

    Thank you my friend. It helped me a lot

  • @utkarsh_108
    @utkarsh_108 3 ปีที่แล้ว

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

  • @heshamh2920
    @heshamh2920 3 ปีที่แล้ว

    Thank you for making it very easy to understand

  • @yashagarwal5378
    @yashagarwal5378 3 ปีที่แล้ว +1

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

  • @larissasaad7378
    @larissasaad7378 3 ปีที่แล้ว

    Amazing explanation!!!

  • @Fun-qv7eh
    @Fun-qv7eh 4 ปีที่แล้ว

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

  • @fhrmk
    @fhrmk ปีที่แล้ว

    Thank you Ed!

  • @justb3m184
    @justb3m184 3 ปีที่แล้ว

    Thanks Dev Ed! Having a rough time learning CS6.

  • @jonathanbautista6109
    @jonathanbautista6109 4 ปีที่แล้ว

    Nice tutorial. Easy to understand.

  • @megharathod1922
    @megharathod1922 3 ปีที่แล้ว

    Amazing explanation dude :)

  • @slevin0011
    @slevin0011 4 ปีที่แล้ว

    Thanks for an awesome explanation Ed

  • @XboneAus
    @XboneAus 5 ปีที่แล้ว +2

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

  • @janezvegan
    @janezvegan 3 ปีที่แล้ว

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

  • @chamdeepmudigolam2928
    @chamdeepmudigolam2928 3 ปีที่แล้ว

    Hi Ed, Thanks for nice information

  • @rAuL8a
    @rAuL8a 3 ปีที่แล้ว

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

  • @rangerboi9715
    @rangerboi9715 3 ปีที่แล้ว

    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
    @ahmedhabeeb2499 5 ปีที่แล้ว +2

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

  • @luismatos684
    @luismatos684 3 ปีที่แล้ว

    Thanks, great instructor.

  • @TheBacker007
    @TheBacker007 4 ปีที่แล้ว

    Awesome explanation of ES6 !!!!

  • @karthickb1973
    @karthickb1973 4 ปีที่แล้ว +3

    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

  • @parsa_ezati
    @parsa_ezati ปีที่แล้ว

    You are wonderful Ed

  • @nickbejan4914
    @nickbejan4914 5 ปีที่แล้ว

    Thank you so much!!

  • @dhendroid2373
    @dhendroid2373 4 ปีที่แล้ว

    Super awesome!!!

  • @drivexyz2297
    @drivexyz2297 5 ปีที่แล้ว

    keep up bro, awesome videos

  • @ubaid25
    @ubaid25 2 ปีที่แล้ว

    Well explained thank you so much

  • @edoardogribaldo2870
    @edoardogribaldo2870 4 ปีที่แล้ว

    thnak you very much sir you are helping me a lot!

  • @zed-football1323
    @zed-football1323 5 ปีที่แล้ว

    this tutorial help me a lot thank you

  • @sysasysa19
    @sysasysa19 4 ปีที่แล้ว

    Very good job .. thank you!

  • @shivamsingh-hh1jp
    @shivamsingh-hh1jp 3 ปีที่แล้ว

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

  • @99thato
    @99thato 4 ปีที่แล้ว

    Thanks for the short but helpful tut

  • @darkman8939
    @darkman8939 4 ปีที่แล้ว

    bro you're coooooool thank you for the vid :D