Inheritance in JavaScript - Prototypal Inheritance tutorial

Рет қаралды 98,208

Күн бұрын

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/

Пікірлер: 303

@ColorCodeio 3 жыл бұрын

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

@mo.G_2020 5 ай бұрын

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

@tothefieldsmusic4553 3 жыл бұрын

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 3 жыл бұрын

Thanks! 👍

@kenosabi 2 жыл бұрын

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

@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.

@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 10 ай бұрын

So did I.

@TsipporahtheExplorer 11 ай бұрын

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 11 ай бұрын

Glad you like them! Thanks for your comment.

@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!

@chiculitamihaela8076 Жыл бұрын

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

@ColorCodeio Жыл бұрын

Thank you for your support!

@vahesevachyan9399 7 ай бұрын

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

@ColorCodeio 5 ай бұрын

Thanks

@alex_turing 8 ай бұрын

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.

@TheAcidMotion 3 жыл бұрын

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

@ColorCodeio 3 жыл бұрын

Wow! Thank you, brother Mike! :)

@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

@jojo3636 Жыл бұрын

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

@ColorCodeio Жыл бұрын

How did the interview go?

@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!

@umangbhatnagar1415 2 жыл бұрын

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

@ColorCodeio 2 жыл бұрын

Awesome! Thank you :)

@luisapinheiro8820 10 ай бұрын

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 10 ай бұрын

I'm so glad!

@JackBAverill 6 ай бұрын

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 6 ай бұрын

Glad it helped!

@simranbajaj5570 2 жыл бұрын

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

@ColorCodeio 2 жыл бұрын

Thank you!

@TheMaster201989 4 ай бұрын

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 :)

@mik0son Жыл бұрын

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

@ColorCodeio Жыл бұрын

Thank you so much

@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 11 ай бұрын

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!

@techbro3085 Жыл бұрын

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

@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 🙏

@girlzz8413 Жыл бұрын

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

@ColorCodeio Жыл бұрын

More to come!

@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!

@shortstube34 Жыл бұрын

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

@ColorCodeio Жыл бұрын

🥳

@SiddharthRay1 3 жыл бұрын

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

@ColorCodeio 3 жыл бұрын

Cool 👍

@ajaydeepsinghrajpoot Жыл бұрын

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

@ColorCodeio Жыл бұрын

Glad to hear that

@alex_blue5802 11 ай бұрын

I love seeing you have fun while coding.

@ColorCodeio 11 ай бұрын

Gotta make it fun otherwise it’s too hard

@andrewtcoder 7 ай бұрын

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

@ColorCodeio 5 ай бұрын

Thank you

@sagarmunjal 10 ай бұрын

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 10 ай бұрын

Great to hear!

@TheHerbBag Ай бұрын

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

@sfspmusic 3 ай бұрын

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

@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 :)

@fragrantbloom 2 жыл бұрын

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

@ColorCodeio 2 жыл бұрын

So glad!

@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

@BhupinderSingh-qd6he 2 жыл бұрын

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 2 жыл бұрын

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

@eumm11 Жыл бұрын

crystal clear explanation, kudos

@vladgubanov5508 2 ай бұрын

great content with wonderful quality, thanks

@EL12111 3 жыл бұрын

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

@ColorCodeio 3 жыл бұрын

Thank you! :)

@Sam-de8tc 11 ай бұрын

Dont stop the contents loved every second

@ColorCodeio 10 ай бұрын

More coming soon!

@Sam-de8tc 10 ай бұрын

@@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)

@PRen2024 5 ай бұрын

great explaining sina, thank you! 👏👏

@ColorCodeio 5 ай бұрын

You’re welcome!

@lewitness1759 Жыл бұрын

Amazing, thanks this clarifies a lot!

@Abhinand28 3 ай бұрын

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 3 ай бұрын

Glad to hear it

@LeetCodeSimplified 3 жыл бұрын

Your channel really is a treasure trove!

@ColorCodeio 3 жыл бұрын

@AberrahimCoder Жыл бұрын

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

@ColorCodeio Жыл бұрын

I’m glad

@ebcoutinho 3 ай бұрын

Thanks man for sharing your knowledge

@shashisekhar7301 2 жыл бұрын

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

@ColorCodeio 2 жыл бұрын

Great. Thank you.

@TheCodingOdyssey 3 жыл бұрын

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

@ColorCodeio 3 жыл бұрын

Awesome, glad to have you here.

@TheCodingOdyssey 3 жыл бұрын

@@ColorCodeio glad to be here.

@chrisdietrich1533 2 жыл бұрын

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

@ColorCodeio 2 жыл бұрын

Thank you :)

@RadeneIdo-yt7pr 5 ай бұрын

What u are teaching is really amazing ❤

@ColorCodeio 5 ай бұрын

Ty!

@Rami2OG 7 ай бұрын

Thank you for this video, very informative.

@ColorCodeio 5 ай бұрын

👍👍

@samirneupane7563 11 ай бұрын

Thanks for this awesome series .

@ColorCodeio 11 ай бұрын

👍♥️

@hassansharafi1000 11 ай бұрын

Your teachings are great. I learned a lot

@ColorCodeio 11 ай бұрын

Excellent

@abdohatemeldosoky Жыл бұрын

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

@ColorCodeio Жыл бұрын

Glad you're into it 👍

@christianarana9942 2 жыл бұрын

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 2 жыл бұрын

Thanks Christian :) Made my day

@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

@bobbydowd7490 3 жыл бұрын

Deserves alot more likes ..shares.etc..

@ColorCodeio 3 жыл бұрын

I appreciate that :)

@satyamgupta2841 5 ай бұрын

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

@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 👍

@anithas2357 2 жыл бұрын

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

@ColorCodeio 2 жыл бұрын

Full course coming soon on ColorCode.io

@mcfunthomas_mc Жыл бұрын

Great explanation of the OOP.

@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

@mohammadm9873 Жыл бұрын

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

@user-mw5bm2xh9x 7 ай бұрын

thanks for the good explanation.

@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?

@manodounia4934 9 ай бұрын

thank you so much !you're a life saver

@britneyh8679 2 жыл бұрын

Great vid. Thank you!!!

@ColorCodeio 2 жыл бұрын

You're welcome

@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!

@The14Some1 6 ай бұрын

@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.

@parttimepen6627 2 жыл бұрын

Great video, liked and subscribed.

@ColorCodeio 2 жыл бұрын

Thank you!

@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

@vanshsaini3300 Жыл бұрын

Dude , You are a gem !!

@ColorCodeio Жыл бұрын

So are 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.

@VanderleiRobertoMoretto 7 ай бұрын

Great lesson!

@ColorCodeio 6 ай бұрын

🙏

@Corkypyro 10 ай бұрын

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

@ColorCodeio 10 ай бұрын

You're welcome!

@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.

@ashishbabu9187 Жыл бұрын

Best ever on OOPS❤

@jasonlago5129 Жыл бұрын

You deserve all the subscribers

@ColorCodeio Жыл бұрын

Thank you 🙏

@fdj1966 2 жыл бұрын

clearly explained....thanks

@ColorCodeio 2 жыл бұрын

You are welcome

@pacesferry Жыл бұрын

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

@ColorCodeio Жыл бұрын

You're welcome

@sokilthapa2667 2 жыл бұрын

I just love your videos, Damn GOD.😎

@ColorCodeio 2 жыл бұрын

Thank you 😀

@gustavoalvarez2734 Жыл бұрын

it's impossible that ChapGPT explains this better 😄, welldone

@ColorCodeio Жыл бұрын

Hah I don't know about that but thanks!

@KnownTechnical 7 ай бұрын

Nicely explain

@boukrimohammed 3 ай бұрын

a man , a myth , a legend

@englishwitha5532 Жыл бұрын

Great explanation

@ColorCodeio Жыл бұрын

@Alex.Shalda 7 ай бұрын

amazing explanation

@ColorCodeio 5 ай бұрын

Thank you

@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 🙏

@EiandGi8Six 9 ай бұрын

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

@kai-ninghuang782 2 ай бұрын

really great video!!! 🔥🔥

@ColorCodeio 2 ай бұрын

Thanks 🔥

@mrs.hitler345 Жыл бұрын

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

@AnnieTells Жыл бұрын

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

@ColorCodeio Жыл бұрын

👍

@andcap2239 2 жыл бұрын

You're awesome, Thks for all. And btw you should think about create a JS course because you have the ability to explained complex ideas into a simple ideas., just.. think about it.

@ColorCodeio 2 жыл бұрын

Coming this spring www.colorcode.io/js-mastery/