Inheritance in JavaScript - Prototypal Inheritance tutorial

Подписаться 75 тыс.

Просмотров 99 тыс.

50% 1

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/

Опубликовано:

1 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 306

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

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

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

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

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

@sfspmusic 4 месяца назад

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

@jojo3636 Год назад

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

@ColorCodeio Год назад

How did the interview go?

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

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

@chiculitamihaela8076 Год назад

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

@ColorCodeio Год назад

Thank you for your support!

@shortstube34 Год назад

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

@ColorCodeio Год назад

🥳

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

@simranbajaj5570 2 года назад

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

@ColorCodeio 2 года назад

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

@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

@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

@luisapinheiro8820 11 месяцев назад

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!

@mikolots Год назад

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

@ColorCodeio Год назад

Thank you so much

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

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

@kaleeswarip4713 День назад

The difference between class inheritance and prototypal inheritance is that if made any changes to class methods after created some objects then those objects does not get the updated methods such as its old/already created instances does not get updated because when we create functions using this in constructor are considered as properties not as methods But, in prototypal inheritance it will get updated to all the existing instances.

@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

@ajaydeepsinghrajpoot Год назад

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

@ColorCodeio Год назад

Glad to hear that

@eumm11 Год назад

crystal clear explanation, kudos

@TheHerbBag Месяц назад

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

@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

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

@techbro3085 Год назад

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

@ColorCodeio Год назад

🙏

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

@SiddharthRay1 3 года назад

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

@ColorCodeio 3 года назад

Cool 👍

@alex_blue5802 11 месяцев назад

I love seeing you have fun while coding.

@ColorCodeio 11 месяцев назад

Gotta make it fun otherwise it’s too hard

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

@mcfunthomas_mc Год назад

Great explanation of the OOP.

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

@LeetCodeSimplified 3 года назад

Your channel really is a treasure trove!

@ColorCodeio 3 года назад

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

@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

@andrewtcoder 7 месяцев назад

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

@ColorCodeio 5 месяцев назад

Thank you

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

@vladgubanov5508 2 месяца назад

great content with wonderful quality, thanks

@girlzz8413 Год назад

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

@ColorCodeio Год назад

More to come!

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

@satyamgupta2841 5 месяцев назад

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

@ebcoutinho 4 месяца назад

Thanks man for sharing your knowledge

@mohammadm9873 Год назад

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

@chrisdietrich1533 2 года назад

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

@ColorCodeio 2 года назад

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?

@hassansharafi1000 11 месяцев назад

Your teachings are great. I learned a lot

@ColorCodeio 11 месяцев назад

Excellent

@PRen2024 5 месяцев назад

great explaining sina, thank you! 👏👏

@ColorCodeio 5 месяцев назад

You’re welcome!

@fragrantbloom 2 года назад

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

@ColorCodeio 2 года назад

So glad!

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

@RadeneIdo-yt7pr 5 месяцев назад

What u are teaching is really amazing ❤

@ColorCodeio 5 месяцев назад

Ty!

@AberrahimCoder Год назад

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

@ColorCodeio Год назад

I’m glad

@The14Some1 7 месяцев назад

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

@EL12111 3 года назад

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

@ColorCodeio 3 года назад

Thank you! :)

@lewitness1759 Год назад

Amazing, thanks this clarifies a lot!

@shashisekhar7301 2 года назад

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

@ColorCodeio 2 года назад

Great. Thank you.

@samirneupane7563 11 месяцев назад

Thanks for this awesome series .

@ColorCodeio 11 месяцев назад

👍♥️

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

@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

@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

@user-mw5bm2xh9x 7 месяцев назад

thanks for the good explanation.

@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

@Rami2OG 7 месяцев назад

Thank you for this video, very informative.

@ColorCodeio 5 месяцев назад

👍👍

@mrs.hitler345 Год назад

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

@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

@manodounia4934 9 месяцев назад

thank you so much !you're a life saver

@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

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

@bobbydowd7490 3 года назад

Deserves alot more likes ..shares.etc..

@ColorCodeio 3 года назад

I appreciate that :)

@ashishbabu9187 Год назад

Best ever on OOPS❤

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

@britneyh8679 2 года назад

Great vid. Thank you!!!

@ColorCodeio 2 года назад

You're welcome

@parttimepen6627 2 года назад

Great video, liked and subscribed.

@ColorCodeio 2 года назад

Thank you!

@jasonlago5129 Год назад

You deserve all the subscribers

@ColorCodeio Год назад

Thank you 🙏

@pacesferry Год назад

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

@ColorCodeio Год назад

You're welcome

@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 месяцев назад

🙏

@KnownTechnical 7 месяцев назад

Nicely explain

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

@gustavoalvarez2734 Год назад

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

@ColorCodeio Год назад

Hah I don't know about that but thanks!

@kai-ninghuang782 3 месяца назад

really great video!!! 🔥🔥

@ColorCodeio 3 месяца назад

Thanks 🔥

@fdj1966 2 года назад

clearly explained....thanks

@ColorCodeio 2 года назад

You are welcome

@englishwitha5532 Год назад

Great explanation

@ColorCodeio Год назад

@Corkypyro 10 месяцев назад

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

@ColorCodeio 10 месяцев назад

You're welcome!

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

@Alex.Shalda 7 месяцев назад

amazing explanation

@ColorCodeio 5 месяцев назад

Thank you

@ASoftwareEngineer 3 года назад

very nice content and presentation

@ColorCodeio 3 года назад

Thank you Angelo

@mirkosrndovic Год назад

Wonderful video! I just left puzzled with how to do class extending without syntactic sugar of classes (class SuperHuman extends Human {...} )?

@oliverwolfson 2 года назад

slick video, great content.

@ColorCodeio 2 года назад

Appreciate it!

@boukrimohammed 4 месяца назад

a man , a myth , a legend

@sokilthapa2667 2 года назад

I just love your videos, Damn GOD.😎

@ColorCodeio 2 года назад

Thank you 😀

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