16.17: Inheritance in JavaScript - Topics of JavaScript/ES6

Videos:

Timestamps:
0:00 Inheritance in JavaScript
0:18 Core principles of object oriented programming
0:36 Other videos about these topics
1:41 What is an ES6 class?
3:25 The code I've already written
4:03 Using a variable for types of particles
5:31 Let's copy and paste to make two classes!
6:53 There has got to be a better way. What is that?
7:30 How to make a class that inherits from another class
10:13 Let's make a child class!
11:18 Augmenting and Overriding
12:24 Let's do some augmenting and overriding!
13:30 What if we want to do the same thing as the parent class but more?
14:37 A couple things to note
15:15 What is an inheritance tree?
16:46 What's next?

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

#inheritance #oop #javascript

[seancpp]

Love the video! Just one thing:
Make sure to clarify that the ES6 classes are still using the same prototypal inheritance as normal JS, and shouldn't be confused with the way inheritance works in languages like C++ and Java. (only the syntax is similar)
The prototype chain and the quirks of the "this" context are all still present. The syntax for classes in ES6 hides this fact and can cause a lot of confusing errors.


Hope this makes sense.

[williamhorn]

I love how straight-to-the-boint this video is!

[CodingAdventures]

Oldies but goldies. This is a nice video with a good explanation!

[PuzaExplores]

I have always dreamed of a teacher like you 😍.

[iamamirali]

I couldn't understand how to use Super correctly to inherit the mother class until I found your video. Thanks for this paranormal energy!

[WaseemYusuf]

Honestly, these videos are so wholesome, I never thought the day would come where I'm gonna watch OOP explanation videos on YouTube just to brighten up my day, but here we are.

[danielluna]

Great video! I like how this series dives into the theory and what's happening under the hood and why more than your typical videos. I'm not the type of person who can just say "because that's how it works", I have to know WHY. So thank you.

[Patrick-iyrb]

You are my new favorite teacher. I hope you'll decide to start teaching full JavaScript courses and sell them at Udemy or something.

[oksanaserhiivna]

I wish all videos about JS were the same expressive and enthralling as yours. :) Many thanks for your work!

[aparnaiyer]

How wonderful! Your energy is infectious, thanks sir!

[kabirrsinghsahni]

He has the all-new ways to learn code, cheers!

[mattmmilli]

Your dedication to educating about JS is impressive. I hope this channel pays of for you in the end even if that is not the goal.

[lukasluftlaufer]

Oh Daniel, you helped me once again so much! Thank you for these videos!!! You really are the best.

[mxc_clips]

Your videos are the best. I am smiling while learning and watching a js tutorial.
I always hope that someday I could take my skills and become a teacher to the next generation of programmers and I strive to be as good a teacher as you!

[Jbortoletto]

Hi Mr. teacher! Your classes are awesome, no matter if subjects are simple or complex. Thank you for sharing and inspiring!

[ashwinramaswamy]

For those using the Processing desktop editor - you might sometimes get a weird console error saying the superclass name is not defined when you try to extend it. I think this is because the editor rewrites index.html to always execute your .js files in alphabetical order of their filenames. So if you make a file 'B.js' and another 'A.js' where class A extends class B, you'll get a console error saying 'B is undefined', because it executes the subclass first.
My solution is to just rename your subclasses to something beginning with a different alphabet, but it's a weird editor bug I think.

[mshahzebraza]

Wow! It's real fun to see your code. You're so immersed in what you're doing brother. Keep it up!

[johnjohnson]

your tuts are the gold standard here on yt

[hoxas]

Best teacher ever, lol burst out laughing at boint.

[ShaneLeeCoding]

When I was learning Java, Interitance was something that took me a while to get my head around. I wish I had this video when I was learning this. You've made this way more clear than anyone else. Thanks Daniel.