• Monday , 18 March 2019

Old vs New JavaScript – HTTP203

Code Canyon



Jake and Surma look at the modern JS & web features we take for granted.

Subscribe to the channel! → http://bit.ly/ChromeDevs1

Watch more HTTP203 → http://bit.ly/2sPq2LB

Listen to the HTTP203 podcast for more content! → http://bit.ly/2Kryv2y
Itunes → https://apple.co/2IQagG6

Original source

3d Ocean

Related Posts

40 Comments

  1. Michael Ball
    December 20, 2018 at 12:51

    Prototypical inheritance is a class system. Car is a class, and c = new Car() is an instance of a car.

    ES6 classes don't change that. There's still an object with a prototype, and those methods still exist on that prototype. It's "merely" synaptic sugar. I think it's very useful sugar, but it doesn't actually change the mechanics of classes.

  2. 二宮章子
    December 20, 2018 at 12:51

    What should I do?

  3. VitalyS V
    December 20, 2018 at 12:51

    Native typescript support? )))

  4. California Creamin'
    December 20, 2018 at 12:51

    All this stuff works in the browser right now?

  5. Calle Bergström
    December 20, 2018 at 12:51

    Is there a reason for the non-oneline solution (Car.prototype = Veichle.prototype) at 2:35? I'm thinking as the prototype still refers to the Veichle prototype in your example. 2:57 also seems a bit odd since it's still all prototypical inheritence under the transpiled hood.

    Don't get me wrong, I love the new synax sugar. I just find that this video could be a bit confusing for people that think they are "free" from prototypes just because of the new syntax sugar. I also don't think you should dismiss prototypes as being old and qwerky, as they do enable you to do a lot of cool stuff during runtime.

    This video could probably be more useful if our transpile target was WebAssembly rather than es3/es5.

  6. Max Ma
    December 20, 2018 at 12:51

    does anyone know what's the name of syntax of { duration = 1000 } = {} ??

  7. Naythan Williams
    December 20, 2018 at 12:51

    You don't know how happy I was when Jake said he designs in devtools and then just copies the stuff back to the editor. OMG! So do I!

  8. Clark Sirl
    December 20, 2018 at 12:51

    Great episode, but the talk about prototypical inheritance is weird. They were talking about it like it's a weird bygone language trait that we would all rather forget…. Javascript is a prototypical language, and classes are just syntactic sugar over prototypes. Which is why I don't use classes and stick with prototypes, because I like the syntax, it shows me what is actually going on, and has performance benefits in certain circumstances. That is when I do OOP in JS, which is not that often nowadays.

  9. Cristian B.
    December 20, 2018 at 12:51

    I think it's gonna be another 5 years until `el.animate` is well supported, future generations will have to suffer trying to implement programmatic CSS animations. The thing I'm most excited (and will probably be better supported than web animations) is OffscreenCanvas.

  10. Peter Cruckshank
    December 20, 2018 at 12:51

    Thanks this episode was 🔥🔥 Look we have nice things now 🤔😁👍

  11. Patrick Crausaz
    December 20, 2018 at 12:51

    great! plz more of this!

  12. 张四
    December 20, 2018 at 12:51

    Thanks Jake and Surma. Very excited to know about the clean way of the FileReader part. So I have a question about this one: Does Response just apply to readAsArrayBuffer() and readAsText() of FileReader, how about the readAsBinaryString() and readAsDataURL()?

  13. Berke Vinci
    December 20, 2018 at 12:51

    REDUCE THE RAM USAGE I BEG YOU

  14. Toni Almeida
    December 20, 2018 at 12:51

    Great episode! Thank you guys

  15. Guy
    December 20, 2018 at 12:51

    Damn it even closed captions doesn't catch everything they say

  16. Pablo Muñoz
    December 20, 2018 at 12:51

    Loved it

  17. SashNone
    December 20, 2018 at 12:51

    I do not like chrome browser, and I cant even say why.. just so…. but you guys are great 🙂

  18. Rich Williams
    December 20, 2018 at 12:51

    are making these chats easier to follow or am i getting better at coding ? i understand most of the chat with examples. What you guys think of react?

  19. Thad Humphries
    December 20, 2018 at 12:51

    Yes, the backslash is needed on the plus sign (@ 9:10)

  20. Kelson Ball
    December 20, 2018 at 12:51

    All the tutorials and SO answers showing the old ways haven't gone anywhere… 🙁

  21. İlhan Neğiş
    December 20, 2018 at 12:51

    you’re disgusting, that’s prototypes.

  22. Samir Saeedi
    December 20, 2018 at 12:51

    3:08 I'd write it as
    var duration = options.duration || 1000;

  23. Bracer Jack
    December 20, 2018 at 12:51

    So CSS can do variable now ? What's next ? Turning it into its OWN fucking programming language with its own 1 MILLION Frameworks per day to learn situation ?

  24. Nqoba Steven Novukuza
    December 20, 2018 at 12:51

    @2:08 😂😂😂 "But that's disgusting"

  25. Daniel Matejka
    December 20, 2018 at 12:51

    I just love your sense of humor 😉

  26. Paul Sammut
    December 20, 2018 at 12:51

    I'll twit at you Jake for the missing animation.finished promise in Chrome, although it was pretty easy just to wrap my animation in a promise and resolve it in onFinish

  27. Rage UponYou
    December 20, 2018 at 12:51

    Man this show is awesome, great job, thank you guys 🙂

  28. Pablo Garaguso
    December 20, 2018 at 12:51

    Excellent! The showing up of the code with pre/after is great. I liked the "challenge" of figuring out what the code was doing before and after. Thank you guys! Good stuff.

  29. Anubhav Tiwari
    December 20, 2018 at 12:51

    You should have just done Car.prototype = new Vehicle();

  30. Veinq
    December 20, 2018 at 12:51

    I love these videos. I have been doing webdev for only a couple of years now and seeing how bad things used to be is very interesting.

  31. Andika Tanuwijaya
    December 20, 2018 at 12:51

    This is why i subscribed

  32. WOLV
    December 20, 2018 at 12:51

    I already used the new animations api, it's super sweet for micro animations like clicking a favorite or like button 🔥

  33. Masalta Scream
    December 20, 2018 at 12:51

    Douglas Crawford called an anonymous function of this kind (function () {}) () dog eggs. I agree with him))

  34. Lordious
    December 20, 2018 at 12:51

    Best episode

  35. Noman Hasan
    December 20, 2018 at 12:51

    Learned a lot, Thanks.

  36. John P
    December 20, 2018 at 12:51

    i just bypassed all that inheritance stuff completely .. never used it, mainly because i never saw an example that demonstrated real world application/benefits … ill show myself out

  37. Usman Subhani
    December 20, 2018 at 12:51

    8:00 what about event.currentTarget 🤔

  38. Carlos Galarza
    December 20, 2018 at 12:51

    A lot of things I used many years ago, I really enjoyed this episode! Good work guys.

  39. Sayantan Chaudhuri
    December 20, 2018 at 12:51

    Surma's reaction was so pure.

  40. RAKESH KUMAR
    December 20, 2018 at 12:51

    Awesome

Leave A Comment

You must be logged in to post a comment.