Old vs New JavaScript - HTTP203

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

[OhhBabyATriple]

This was a great episode, you can really see how far the language has come on over the past few years and went through all the things that made working in JS 'icky' and showed a clean modern replacement.


Always enjoy Surma and Jake's banter too, really great thing you have got going on here. It reminds me of the UK Top Gear, its really hard to flow from eachother in the way they do.

[vcoppolecchia]

"T-Rex mode engaged!" 😂😂😂
Guys have you got any idea of how fantastic this episode is? Thank you!

[Slackwise]

Regarding destructuring in the function parameters: consider it duck typing documentation.

You are declaring what keys you expect an object to contain. You are effectively documenting an interface right on the function that requires it. Given this new perspective, I quite love it.

[PabloGaraguso]

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.

[_mball_]

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.

[Kdev]

Amazing, you should make a new section for more episodes with this format, not only new vs old, but shortcuts, snipets, tricks, like that blob trick with the response constructor, that was clever!

[artemeelemann]

Great episode, thank you, guys!


By the way. Tag names are written in caps, so it should be li === 'LI'

[AndrewTSq]

I liked this episode!. Even if its a bit old today, it still got a few info I did not know :) and I liked the "figure out what the code is doing".

[BrianBest]

Ohhh can we have a dedicated copy button for styles in dev tools?

[carloslfu]

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

[EddyVinck]

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.

[paulsammut]

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

[mmahgoub]

Why Surma is having a job interview every episode?! This is excruciating!

[Norsilca]

Pretty cool stuff. Maybe some day I'll be able to use it! I tried going full ES6 recently, then discovered one of my main users is still on IE11 often..

[chethelesser]

First example: 5th line - why not just Car.prototype =

[bibibobs]

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

[bread]

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

[张四-qw]

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()?

[maloukemallouke]

I never understood javascript, however, I have not stopped trying.

[KylePolansky]

I love these episodes, keep up the great work!