The Definitive Guide to Object-Oriented JavaScript

VIDEO DESCRIPTION:
If you hang around the JavaScript world long enough, you'll come across a bunch of different recipes for object-oriented programming. The "standard way," so much as there can be a standard way, is the classical model. But why this? Why this... mess? In this episode, we'll build it up from first principles.

Many thanks to Sergio Ariel Minutoli for the Spanish subtitles!

[adreamroom]

1. Object Fundamentals 1:18
2. Functions & Methods 3:32
3. Prototypal Inheritance 5:46
4. Polymorphism & Method Overriding 9:13
5. Classes & Instantiation 12:11
6. The Classical Model 16:07
7. Instanceof 21:09
8. Future Directions 22:39
9. The Definitive Guide 23:25
10. Recommendations 24:56

:)

[TroyAPeterson]

1:18 Object Fundamentals
3:32 Functions and Methods
5:46 Prototypal Inheritance
9:13 Polymorphism & Method Overriding
12:11 Classes and Instantiation
16:07 Classical Model
21:09 Instance Of

[robertschneiderman]

James, it is not presumptuous at all to call this the "Definitive Guide to OO JS", because it is by far the best resource that I have come across that explains this. To anyone trying to learn OO JS, I would point them to this video without hesitation. This is really is "the definitive guide" to JS.

[willl]

How in the world i had never seen this channel before. This video is PLUS ULTRA

[bilaltariq]

among tons of youtube tutorial developers you are a star

[lululu]

8 years later, here I am. THE best oop tutorial for js I've ever seen. Thank you for your great work

[jamesshore]

Sorry about the confusion! You're correct on all counts. When you set object2 = object1, the object2 variable refers to the same object as the object1 variable. If you assign object2 dot a to 42, then object1 dot a will change to 42 as well.

[Stimpy]

This is really, really freaking good. JavaScript OOP has painfully led 99, 000+ bloggers and video producers to come up with the most bewildering concoctions of misunderstandings and smoke-and-mirror pseudo-solutions that it has taken me most of my 16 year career to figure out what the @#$% is going on in this otherwise very simple language. Recent activities in Javascript at work have forced me to understand the topic much better, and this video from the very first screenshot of code validates everything I had finally come to understand.

[danielreid]

Arguably the most professional and in-depth look at OOP in JS on YouTube. Bravo! On a side note, I really wish that this guide could be updated with more recent approaches, such as the ones introduced by ES2016

[Ausermac]

Btw you could also think about objects as identifier/pointer pairs. Since that each property contains a reference/pointer - I'm using both terms interchangeably - I'm pretty sure they implemented objects as a list with two elements: identifier and pointer. And then stored the actual values being referenced elsewhere in memory. Then you don't have to resize the list if one of the string objects grows in length for example. Same goes for variables, they're just properties of the function object.

[cristhiancantillo]

Man.... I'm at minute 1 and I already know this is a high quality video... amazing

[spp]

This is the most precise resource I have found so far regarding the difference between the classical and prototypal inheritance.

[tinkeringengr]

One of the best tutorials I've ever seen! The world is a little bit more clear :)

[Co-Monad]

This is exactly what I needed.  This will be my first logical programming language and I needed to understand fundamentally how it works.  If you're like me, this is your first language take notes, code the examples, and then review the video with the notes.  You'll get be able to grasp the scope of JS faster.

[mdeekshitulu]

The best tutorial I ever came across. Well presented with animations and detailed information about chaining. Thank you.

[Ausermac]

The difference between the examples that you gave at 02:46 is that arithmetical operations return a new object for the new value. The assignment operator simply copies the reference on the right hand side of the expression.

[kabirsumn]

I've never seen any presentation like this before. greater than great.

[gaofan]

Brilliant. Never seen such a great tutorial about the JS under the hood

[freddietantoco]

Great video James! I've been scraping through blogs, videos, articles, etc on OOP in javascript. This is definitely the best guide I've seen, and it really cleared up a lot of topics for me. Thanks!

[ThierryLalinne]

Fantastic video! This is so much clearer than all explanations I've seen so far about OO in javaScript. Thank you very much for your effort and for sharing with us.