ES6 Javascript Tutorial For Beginners | ES6 Crash Course

Поделиться
HTML-код
  • Опубликовано: 16 дек 2024

Комментарии • 335

  • @jeemercado4706
    @jeemercado4706 5 лет назад +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

  • @abiralbhattarai1473
    @abiralbhattarai1473 4 года назад +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

  • @karthickb1973
    @karthickb1973 5 лет назад +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

  • @harunavictor9743
    @harunavictor9743 4 года назад +8

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

  • @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 5 лет назад +1

      let and const

    • @lopsanggurung5870
      @lopsanggurung5870 5 лет назад +1

      @@desequilibradoo Material Theme Palenight High Contrast

  • @logosmaxima2775
    @logosmaxima2775 4 года назад +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!

  • @blackspacevoid5408
    @blackspacevoid5408 5 лет назад +9

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

  • @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.

  • @mirang2803
    @mirang2803 4 года назад +19

    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!

  • @byedwardleung
    @byedwardleung 4 года назад +11

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

  • @yashagarwal5378
    @yashagarwal5378 3 года назад +1

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

  • @osamagamal495
    @osamagamal495 5 лет назад +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.

  • @rodriclo1991
    @rodriclo1991 2 года назад +1

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

  • @XboneAus
    @XboneAus 5 лет назад +2

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

  • @conoroshea5644
    @conoroshea5644 5 лет назад +6

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

  • @kennstack01
    @kennstack01 4 года назад +4

    Your way of teaching is really interesting ! Congratulations Ed !

  • @AchuVlogs
    @AchuVlogs 3 года назад +1

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

  • @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.

  • @sappelsap534
    @sappelsap534 4 года назад +1

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

  • @Glord-vv
    @Glord-vv 5 лет назад +82

    I was just trying to Find ElderScrools 6 videos.

    • @hattrickster33
      @hattrickster33 5 лет назад +5

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

    • @egae6782
      @egae6782 5 лет назад +15

      gonna end up as a web developer.

    • @raphtlw
      @raphtlw 5 лет назад +18

      "How I got into programming"

    • @DetlefDumpelmann
      @DetlefDumpelmann 3 года назад +1

      This is some excellent sorcery right here.

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

  • @nicotomomate
    @nicotomomate 4 года назад +2

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

  • @aribakodes5453
    @aribakodes5453 4 года назад +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

  • @kenpalmer101
    @kenpalmer101 4 года назад

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

  • @5thquad
    @5thquad 5 лет назад

    In the promises section at 50:00, 'reading from database' should be outside the setTimeout. Basically the function should print 'reading...' and then wait 2 seconds (while it is reading), and then print the data read.

  • @giorgimerabishvili8194
    @giorgimerabishvili8194 4 года назад +4

    The best course on ES6 ever! Thank you

  • @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.

  • @Veianya
    @Veianya 4 года назад +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.

  • @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.

  • @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

  • @metekamil
    @metekamil 5 лет назад +4

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

  • @J90JAM
    @J90JAM 3 года назад

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

  • @sharwarigothe4612
    @sharwarigothe4612 3 года назад +3

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

  • @MizadloGarcia
    @MizadloGarcia 5 лет назад

    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.

  • @YoRoman
    @YoRoman 4 года назад

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

  • @Bitrey
    @Bitrey 4 года назад +5

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

  • @hattrickster33
    @hattrickster33 5 лет назад

    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.

  • @jack82822005
    @jack82822005 5 лет назад +14

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

  • @aribakodes5453
    @aribakodes5453 4 года назад +1

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

  • @magnusbjork1660
    @magnusbjork1660 4 года назад +1

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

  • @codecre8352
    @codecre8352 4 года назад

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

  • @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.

  • @deekshaupadhyay6434
    @deekshaupadhyay6434 3 года назад

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

  • @eudorahn1856
    @eudorahn1856 5 лет назад

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

  • @andylib
    @andylib 5 лет назад +2

    exactly the video I was looking for !!

  • @shreeram_kulkarni
    @shreeram_kulkarni 4 года назад

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

  • @ahmedhabeeb2499
    @ahmedhabeeb2499 5 лет назад +2

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

  • @inspriration1
    @inspriration1 2 года назад

    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!

  • @reilymaahs991
    @reilymaahs991 3 года назад

    One thing to keep in mind for the multiply function at 28:15 .
    Ed is using a Logical OR to see if the first value is non Truthy ( developer.mozilla.org/en-US/docs/Glossary/Truthy and developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_OR#using_or )
    So in the case, if input 0 for either x or y, it will always be (val * 1) and not 0.

  • @vidishagoyal
    @vidishagoyal 4 года назад +1

    Absolutely love this! You have mad teaching skills!

  • @justb3m184
    @justb3m184 4 года назад

    Thanks Dev Ed! Having a rough time learning CS6.

  • @minucocat
    @minucocat 4 года назад +2

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

  • @prabhudmoorthy
    @prabhudmoorthy 4 года назад

    Best tutorial on ES6 on the web.

  • @DANKAF
    @DANKAF 3 года назад +1

    6:44 correct me of im wrong but u didnt loop through the list , u just counted till the length of the list,it should have been console.log(list[i])

  • @HostDotPromo
    @HostDotPromo 5 лет назад +1

    All the new features seem pretty good and thought out. I still use var quite a bit.

    • @developedbyed
      @developedbyed  5 лет назад

      did the same for half a year after ES6 came out haha...but then I kind of transitioned into const and let and never looked back :D

  • @andsheterliak
    @andsheterliak 5 лет назад +3

    Perfect lesson, thanks Ed.

  • @Nagaraj_Bonthalakoti
    @Nagaraj_Bonthalakoti 3 года назад

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

  • @moogle-studio
    @moogle-studio 5 лет назад

    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

  • @damianos68
    @damianos68 5 лет назад

    I know JS, because I studied a lot of tutorials and examples, but when now I am watching your videos and the way of your explaining, I am pretty sure that would take much less time to me if I could learn from your videos before :D Unlucky :P Great stuff, bro! Clean and clever :)

  • @RobEarls
    @RobEarls 2 года назад

    Lovely and clear, thank you. Keep making little mistakes, as it makes everything more approachable and relatable.

  • @subratsingh6204
    @subratsingh6204 5 лет назад +1

    you explain so briefly!!! thanks

  • @dilshodusmanov1458
    @dilshodusmanov1458 2 года назад

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

  • @estanbrown7943
    @estanbrown7943 5 лет назад

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

  • @rakeshthampy7060
    @rakeshthampy7060 4 года назад

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

  • @utkarsh_108
    @utkarsh_108 4 года назад

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

  • @Fun-qv7eh
    @Fun-qv7eh 4 года назад

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

  • @rabindrayadav8453
    @rabindrayadav8453 4 года назад

    RUclips should give us way to like the video more than once

  • @rahultarkar5164
    @rahultarkar5164 4 года назад

    Regarding the context you can use call method to pass the context. Good Job on the tutorials Anyways.
    For example :
    sayName: function() {
    console.log('My name is ' + this.name);
    var fullName = function() {
    console.log ('My nam is ' + this.name + ' and my age is ' + this.age);
    }
    fullName.call(this);
    }

  • @lionelcliff
    @lionelcliff 4 года назад

    Great Tutorial. Very Easy to Understand Examples and Engaging

  • @_szyha
    @_szyha 5 лет назад

    Choconice sounds like something I'd actually buy.

  • @manoking918
    @manoking918 4 года назад +1

    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 ❤❤❤❤❤🌷🌷🌷🌷🌷

  • @Ab-zs6gw
    @Ab-zs6gw 3 года назад +1

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

  • @akashgoenka6472
    @akashgoenka6472 5 лет назад +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.

  • @shafeel.m
    @shafeel.m 4 года назад

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

  • @maybe22days
    @maybe22days 4 года назад

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

  • @ronanparedes
    @ronanparedes 2 года назад

    Great tutorial video. Thanks for making the effort and sharing it to the rest of humanity. 😄
    Just to point out though that ["Milk, Choco, Redbull"] is an array with a single string element while ["Milk", "Choco", "Redbull"] is an array with three string elements at 44:40. Subtle terror, but can add white hair or recede one's hair line easily. 😆

  • @suvrodebnath4470
    @suvrodebnath4470 3 года назад

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

  • @gnaresh8085
    @gnaresh8085 5 лет назад

    @Dev Ed default parameter concept will work for normal functions.
    function add(a = 5, b = 5) {
    return a+b;
    }
    add(10, 10) //20
    add() // 10

  • @dontbeafraid5313
    @dontbeafraid5313 5 лет назад

    Ed your the man.. Please teach us algorithms and data structures. Please.

  • @MasterZiomekPL
    @MasterZiomekPL 5 лет назад +13

    es6 in node :D Very helpful thanks!

  • @shivamsingh-hh1jp
    @shivamsingh-hh1jp 4 года назад

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

  • @flowmarktcrew524
    @flowmarktcrew524 4 года назад

    Absolutely love ES6! Except the part with the defaults . Using- "return (x || 1) * (y || 1)" - looks much more like setting defaults to me you do not have to do those bananamoves with setting extra vars ed XD.

  • @radunicoara8057
    @radunicoara8057 5 лет назад

    Thank you for doing this! Really cleared stuff up.

  • @MayyasNakhli
    @MayyasNakhli 4 года назад

    Thank you Ed.
    I'll be sure to get a cow every time I go shopping

  • @SebastianReichenbach
    @SebastianReichenbach 3 года назад

    I wish I would have known this earlier... Know alot of things are making sense.
    For everyone who is strugling with the console.log ( ${name} ). You have to use ` instead of ' .

  • @PaulJacobs51
    @PaulJacobs51 4 года назад

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

  • @guntherrondina2190
    @guntherrondina2190 4 года назад

    Of all the Javascript tutorials, this one is I love the most and idk good personality I guess, which you want to listen more, not other tutorials often boring, even thou Dev Ed has some misspelled words like communication, but still love the video

  • @ArcaneVortex
    @ArcaneVortex 4 года назад

    Random question: At 7:00 the Output with let ended at 4 but the end of that list was 5.
    Which makes sense since the for Loop didn't include

  • @clodicious
    @clodicious 4 года назад

    You misdescribed const: you can change the values in a const array; you just can't re-assign to const. You can do todoList[0] = 'notMilk' with no error, but not todoList = ['notMilk'].

  • @janezvegan
    @janezvegan 4 года назад

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

  • @safalpiya2434
    @safalpiya2434 4 года назад

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

  • @DallasVocals
    @DallasVocals 5 лет назад

    I learned so much stinking old and es6 JS!!! Freedom!!!

  • @medhamohanty5199
    @medhamohanty5199 2 года назад

    Thank you so much Ed for explaining so nicely. I really appreciate the effort you put in . Very nicely explained. It will be very helpful if you can cover more topics like generator, recursion, currying, weakMap and weakSet and other advanced topics.

  • @programmingwithjavascript3579
    @programmingwithjavascript3579 3 года назад +1

    Great:) es 6 explanation

  • @heshamh2920
    @heshamh2920 3 года назад

    Thank you for making it very easy to understand

  • @HarpreetKaur-kn5ei
    @HarpreetKaur-kn5ei 3 года назад

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

  • @slevin0011
    @slevin0011 4 года назад

    Thanks for an awesome explanation Ed

  • @GamingBeast-nq9oo
    @GamingBeast-nq9oo 5 лет назад +2

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