Inheritance in JavaScript - Prototypal Inheritance tutorial

All the code from this series is available here:
github.com/ColorCode/js-10-th...
JavaScript Inheritance from the series "10 Things JS Developers Should Know"
by ColorCode.io, Sina Jazayeri
Full playlist here: • 20 Things JavaScript D...
This video is a tutorial on Prototypal Inheritance in JavaScript. This is episode 1 in a 10 part series I’m calling 10 things javascript developers should know but probably don’t. In this series, we’re gonna cover some of the most fundamental and important parts of JavaScript that most of us don’t actually know, and barely touch. Today, for episode 1, we’re gonna explore the concept of inheritance and how it works specifically in JavaScript. Inheritance in JavaScript is a little different and confusing. So let me fix that for ya! Episode 1: Inheritance. Let’s go!
00:00:00 Intro
00:00:50 Classes
00:05:00 Prototype and _proto
00:08:08 Objects and prototypal inheritance
00:11:00 Properties vs. Methods
00:14:06 Extending Classes
00:15:58 3 ways to create an inheritance chain
00:18:05 Why use inheritance?
Components and Props on React Docs
reactjs.org/docs/components-a...
Watch Full Courses on ColorCode.io
www.colorcode.io
MUSIC CREDIT:
Fat Caps by Audionautix is licensed under a Creative Commons Attribution 4.0 license. creativecommons.org/licenses/...
Artist: audionautix.com/

[@ColorCodeio]

Prototypal Inheritance in JavaScript from the series 10 Things JS Developers Should Know, But Probably Don't. 💻💛

[@mo.G_2020]

Being humorous as a tutor is a big advantage, it just lifts the spirit. Awesome content!

[@tothefieldsmusic4553]

I assumed this was a big channel based on production value and quality of presentation. Well done. You deserve many more likes and subscribers. I'm struggling with this section of the Odin Project and I think these videos are helping a lot.

[@ColorCodeio]

Thanks! 👍

[@kenosabi]

I'm struggling on that same part. Comment is from a year ago - how did you manage to get past it? (Congrats btw).

[@TsipporahtheExplorer]

this is hands down the best series on yt. The way you explain JS just makes so much sense to me with your analogies and examples. I cannot thank you enough!

[@ColorCodeio]

Glad you like them! Thanks for your comment.

[@kevinto8955]

WHERE HAVE YOU BEEN ALL MY LIFE?? DUDEE!!! I just finished watching your prototype vs __proto__ video and I was blown away, I am working through The Odin Project and was stuck reading tons of blog posts and watching other YT vids on that topic, but to no avail until I cam across yours. Seriously thank you so much, keep posting! New developers need this kind of stuff! Much love!

[@ColorCodeio]

That’s great to hear! Thanks.

[@manodounia4934]

thank you so much !you're a life saver

[@TheAcidMotion]

Hands down, most on point inheritance explanation on yt. Also recent color grade is out of this world. Good job bro 👍

[@ColorCodeio]

Wow! Thank you, brother Mike! :)

[@ebcoutinho]

Thanks man for sharing your knowledge

[@chiculitamihaela8076]

Thank you, Sina! Amazing video, quality, editing, energy, explanation. Just WAW

[@ColorCodeio]

Thank you for your support!

[@danielSafonyan]

Thank you! Going through the Odin Project, for the whole day I was trying to wrap my head around the prototype, you owned it in one video! Wish you the best of luck, subscribed.

[@ColorCodeio]

You're very welcome!

[@steniowoneyramosdasilva9238]

So did I.

[@eumm11]

crystal clear explanation, kudos

[@TheHerbBag]

Really enjoy your videos. You and Mosh are great. Thanks for the informative videos

[@vahesevachyan9399]

I love this series! It covers very important topics in dept and you do a great job at explaining it. Very Well Done!

[@ColorCodeio]

Thanks

[@vladgubanov5508]

great content with wonderful quality, thanks

[@umangbhatnagar1415]

Editing, Video Quality, a positive feeling of massive TV production house swept me over.... Awesome Stuff !!

[@ColorCodeio]

Awesome! Thank you :)

[@thydevdom]

Thank you so much for a refresher. After working on personal projects for the last year or so, I didn't realize how much I might have forgotten. This Series is exactly what I need right now.

[@ColorCodeio]

Glad it was helpful!

[@lewitness1759]

Amazing, thanks this clarifies a lot!

[@stevejue3682]

Really good production values, and clear and concise explanation. If only all programming videos were this easy on the eyes, ears, and mind.

[@ColorCodeio]

Thanks Steve

[@mcfunthomas_mc]

Great explanation of the OOP.

[@user-mw5bm2xh9x]

thanks for the good explanation.

[@wenfei8712]

this is a great video. It cleared the confusion of prototype theory that has been frustrating me for weeks. it deserves more hits. great channel and I appreciate what you have done for us!!!

[@ColorCodeio]

Thank you!

[@JeatBunkie]

This series is invaluable. Just pure, streamlined knowledge all the way through

[@ColorCodeio]

Thank you. Glad you liked it!

[@alex_turing]

For those interested to that terminal thing he is using to write code. I believe it's the chrome developer tool. But he has customized it a little somehow, possible has just cropped the console when he edited the video and put it into a nice little box. However, if you are using the chrome tool and want to make it a little easier to read, you should know there is an option to change to dark mode.

[@girlzz8413]

OMG!! Your videos are amazing!! Thank you. Please, don't stop! ❤

[@ColorCodeio]

More to come!

[@tiktalk4573]

So easy to understand...amazing to see this simple way of explaining things. Takes an intelligent one like you to break down complex into vanilla. Thank you! & Subscribed!

[@ColorCodeio]

Thank you

[@mik0son]

Blown away by your production quality. The best web dev production and presentation.

[@ColorCodeio]

Thank you so much

[@alex_blue5802]

I love seeing you have fun while coding.

[@ColorCodeio]

Gotta make it fun otherwise it’s too hard

[@luisapinheiro8820]

I'm absolutely hypnotized by this playlist! The way you explain things make them so much easier to get, I can only thank you so much for taking the time and the effort to share your knowledge and good spirit with us. 😊

[@ColorCodeio]

I'm so glad!

[@freemanfreeman7841]

Pure talent u are born to this soooo professional and u deserve more credit , keep it up i believe in you

[@ColorCodeio]

Thank you!

[@andrewtcoder]

This is the best possible explanation!!! Thank you so much!!!

[@ColorCodeio]

Thank you

[@waffletube5707]

Great video and explanation. This series has definitely cleared some things up about inheritance. Simple concept, but, to me, complicated in its execution. Thank you!

[@ColorCodeio]

Glad it was helpful!

[@samirneupane7563]

Thanks for this awesome series .

[@ColorCodeio]

👍♥️

[@PRen2024]

great explaining sina, thank you! 👏👏

[@ColorCodeio]

You’re welcome!

[@JackBAverill]

Thank you very much for this, you explained things really clearly. I had absolutely no idea what prototypes were and now I'm beginning to understand. Looking forward to the rest of the series!

[@ColorCodeio]

Glad it helped!

[@ajaydeepsinghrajpoot]

This just cleared all my doubts. You're a great teacher.🙏

[@ColorCodeio]

Glad to hear that

[@RadeneIdo-yt7pr]

What u are teaching is really amazing ❤

[@ColorCodeio]

Ty!

[@hassansharafi1000]

Your teachings are great. I learned a lot

[@ColorCodeio]

Excellent

[@TheMaster201989]

15:40 me.fly have no brackets , you are on of the best instructors ever , your way to simplify the complex things and make the students feel comfortable with your interesting way :)

[@ashishbabu9187]

Best ever on OOPS❤

[@Sam-de8tc]

Dont stop the contents loved every second

[@ColorCodeio]

More coming soon!

[@Sam-de8tc]

@@ColorCodeio what's ur advice for a front end dev and the road map I should follow. Currently done with html,CSS, bootstrap and js(kinda)

[@satyamgupta2841]

Amazing video and explanation😁!! More power to you sir. Keep going!! Love from India

[@SiddharthRay1]

awesome and simple as possible explanation, one can't get bored from your videos even it's lengthy 😊

[@ColorCodeio]

Cool 👍

[@jojo3636]

I have an interview next week that can change my life. Preparing for it with your videos!

[@ColorCodeio]

How did the interview go?

[@fragrantbloom]

Loved this video! I understood so well. Will check out this video series!

[@ColorCodeio]

So glad!

[@LeetCodeSimplified]

Your channel really is a treasure trove!

[@ColorCodeio]

:)

[@Rami2OG]

Thank you for this video, very informative.

[@ColorCodeio]

👍👍

[@catherinelization]

Usually I don’t like to comment on videos but Man you are amazing! I am struggling in OOP and closure, and you elaborate and explain very detailed! I finally realize what happened now!!! Please please please do more videos for beginners! You’re incredible

[@ColorCodeio]

I have no plans to stop :) Thanks for the encouraging words Catherine 🙏

[@simranbajaj5570]

This guy is very underrated, best tutorial on inheritance I have seen yet.

[@ColorCodeio]

Thank you!

[@AberrahimCoder]

wow im impressed i never understood it this much thank u you truly deserve more credit

[@ColorCodeio]

I’m glad

[@mohammadm9873]

I am proud of you my dear Sinai You are a great programmer❤❤❤❤

[@shashisekhar7301]

This playlist is so useful and by the way the video quality is soo good.

[@ColorCodeio]

Great. Thank you.

[@BhupinderSingh-qd6he]

Brother you'll have to continue making these videos no matter what kind of response you are getting in the starting. There are several other youtubers who aren't this neat and still they are doing good. I'm sure.. like really sure..that in the long run you are going to do awesome.. Keep these videos coming without any long breaks because you are too good at this !! All the very best for future.

[@ColorCodeio]

Thank you! I don't plan on stopping any time soon ;)

[@KnownTechnical]

Nicely explain

[@sfspmusic]

Your videos on JS are so good at explaining complicated things, that they could be considered cheating.

[@chrisdietrich1533]

Your videos should have so many more views. They are very helpful.

[@ColorCodeio]

Thank you :)

[@EL12111]

This video is a gem. I am amazed that this channel has so few views.

[@ColorCodeio]

Thank you! :)

[@learncode5110]

Just awesome freaking awesome explaining the JS concept and making it clear... just wanted to ask is after finishing this playlist can we start learning React? are you bringing react course in future?

[@programmingforfun4158]

Even though I know all these concepts but the way he explained was great. Very good explanation with simple examples. Deserves thousands of thumbs up

[@ColorCodeio]

Thanks for coming back :)

[@shortstube34]

His video is very addictive. I just keep watching without knowing how time goes by

[@ColorCodeio]

🥳

[@abdohatemeldosoky]

You're the bomb man. I like your repetition of the same concept :)

[@ColorCodeio]

Glad you're into it 👍

[@boukrimohammed]

a man , a myth , a legend

[@britneyh8679]

Great vid. Thank you!!!

[@ColorCodeio]

You're welcome

[@sagarmunjal]

As a javascript trainer. Simply can not thank enough. Such refined in depth articulate explanations are hard to find. On the same path. Kudos & Thanks.

[@ColorCodeio]

Great to hear!

[@Corkypyro]

You're the best, thank you!!!!

[@ColorCodeio]

You're welcome!

[@vanshsaini3300]

Dude , You are a gem !!

[@ColorCodeio]

So are you

[@mrs.hitler345]

Hi , 🎉 explanation supper.. Solid principal explain with program and design pattern

[@EiandGi8Six]

Hello @colorCodeio first time here, great video! But why there are only 14 on 20 video in this playlist? Go on! Thank you!

[@anithas2357]

Your sense of humour is refreshing. I'd buy your course if you make one on MEAN or MERN stack. 🙂

[@ColorCodeio]

Full course coming soon on ColorCode.io

[@Abhinand28]

wow finally i understand these things .. it was tough for me to understand these things but by watching again and again multiple times and reading some articles , i really understands all Now i know what is Prototypal inheritance . Thank You

[@ColorCodeio]

Glad to hear it

[@THq1]

Thank you

[@xenocampanoli815]

Thank you.

[@christianarana9942]

Hey!, I like the way you explain... The video quality is awesome so neat! I like your jokes haha The "Zyuuup function of shrinking! make me smile" you make my day positive .... Looking forward to more JavaScript tutorials.

[@ColorCodeio]

Thanks Christian :) Made my day

[@TheCodingOdyssey]

Hey, here's one channel I did not know about it. This seems like its going to be an interesting series!

[@ColorCodeio]

Awesome, glad to have you here.

[@TheCodingOdyssey]

@@ColorCodeio glad to be here.

[@techbro3085]

I dont know, why youtube doesnt recommend this type of channels to the user. you deserve more audience sir.

[@ColorCodeio]

🙏

[@rohanagrawal5747]

bro that was lot of info in 20 minutes.... i really like your content thanks for video i am a beginner in JS it helps a lot.

[@ColorCodeio]

Great to hear

[@fdj1966]

clearly explained....thanks

[@ColorCodeio]

You are welcome

[@jasonlago5129]

You deserve all the subscribers

[@ColorCodeio]

Thank you 🙏

[@gabrielpereirasoares9632]

I am very grateful for the work you have dispose for free! I learning Js end english thanks to you! thanks very mucht from Brasil!

[@ColorCodeio]

Happy to hear that!

[@englishwitha5532]

Great explanation

[@ColorCodeio]

Ty

[@Alex.Shalda]

amazing explanation

[@ColorCodeio]

Thank you

[@VanderleiRobertoMoretto]

Great lesson!

[@ColorCodeio]

🙏

[@DevlogBill]

Almost 1 year of programming in JavaScript self taught and I suck at programming. But your videos help so much! I hope soon I will be able to improve my skills further over time, thank you for the videos.

[@ColorCodeio]

Thanks for sharing. It takes some time. It took me many years. Be patient and keep working on it. You'll get there.

[@DevlogBill]

@@ColorCodeio thank you

[@SweetSona-om8mt]

sir love from India..your videos are amazing...I am not just studying but I am enjoying studying.....I hope you will make more such content and help us grow

[@ColorCodeio]

Thank you, I will

[@kai-ninghuang782]

really great video!!! 🔥🔥

[@ColorCodeio]

Thanks 🔥

[@parttimepen6627]

Great video, liked and subscribed.

[@ColorCodeio]

Thank you!

[@AnnieTells]

Oh my God Thank you so much man!!!!!!

[@ColorCodeio]

👍

[@mitch1668]

Excellent video. I wish you had a full course on JS

[@ColorCodeio]

I do. It's coming later this year. Sign up here: www.colorcode.io/js-mastery

[@The14Some1]

@ColorCodeio 13:00 you should have noticed at this point that Person.age = 40 essentially goes to the Person function object itself. In class paradigm it equals to assigning static property age of the class Person. It does not override neither the definition of property of the Person class, nor method of the class Person.

[@arunk4654]

I just searched for Fetch and ended up watching your video of 30min. Now i got to watch rest of them :) Although i know most of the concepts

[@ColorCodeio]

Nice 👍

[@sokilthapa2667]

I just love your videos, Damn GOD.😎

[@ColorCodeio]

Thank you 😀

[@valenciawalker6498]

Thanks

[@bilalbeny4172]

thanks

[@pacesferry]

13:30 It's not even on my class. Wow. Thank you for this!

[@ColorCodeio]

You're welcome

[@aliadel1723]

Awesome i hope do some videos about nodejs

[@fizruk7644]

I love this channel

[@ColorCodeio]

Thank you :)

[@gogarrickboyd]

Love this. Top notch presentation. Quick sort-of-off-topic question: What's this IDE you're using? Super-simple and beautiful.

[@ColorCodeio]

Thanks. It’s Chrome DevTools.

[@bobbydowd7490]

Deserves alot more likes ..shares.etc..

[@ColorCodeio]

I appreciate that :)

[@stephendelacruzone]

I understand everything... except the prototypes and _proto_ thingy... then you put it on the episode 2. Hopefully that you dispel my confusion!🤔🤓

[@ColorCodeio]

Hope so too. Let me know how it goes.

[@BobJohn12437]

Lots of love from Kenya, Sinaaaaaaa (😅). Does James Cameron produce your tutorials? Because the quality of your visuals are just super incredible!! Wow! Now thanks to you I am struggling with watching non-4K resolution tutorials. You’re a master at your craft. Keep it up, sir!

[@ColorCodeio]

Hello Kenya! My best friend is Kenyan. Thanks for the love 🙏

[@hamedsarkhosh5182]

You are amazing 👍

[@ColorCodeio]

🙏