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/
Пікірлер: 303
Prototypal Inheritance in JavaScript from the series 10 Things JS Developers Should Know, But Probably Don't. 💻💛
Being humorous as a tutor is a big advantage, it just lifts the spirit. Awesome content!
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).
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.
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
10 ай бұрын
Glad you like them! Thanks for your comment.
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! :)
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!
I love this series! It covers very important topics in dept and you do a great job at explaining it. Very Well Done!
@ColorCodeio
4 ай бұрын
Thanks
This series is invaluable. Just pure, streamlined knowledge all the way through
@ColorCodeio
Жыл бұрын
Thank you. Glad you liked it!
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.
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
Thank you, Sina! Amazing video, quality, editing, energy, explanation. Just WAW
@ColorCodeio
Жыл бұрын
Thank you for your support!
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!
Editing, Video Quality, a positive feeling of massive TV production house swept me over.... Awesome Stuff !!
@ColorCodeio
2 жыл бұрын
Awesome! Thank you :)
I have an interview next week that can change my life. Preparing for it with your videos!
@ColorCodeio
Жыл бұрын
How did the interview go?
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.
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
5 ай бұрын
Glad it helped!
Blown away by your production quality. The best web dev production and presentation.
@ColorCodeio
Жыл бұрын
Thank you so much
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!
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
9 ай бұрын
I'm so glad!
Thanks man for sharing your knowledge
crystal clear explanation, kudos
OMG!! Your videos are amazing!! Thank you. Please, don't stop! ❤
@ColorCodeio
Жыл бұрын
More to come!
This guy is very underrated, best tutorial on inheritance I have seen yet.
@ColorCodeio
2 жыл бұрын
Thank you!
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
Amazing, thanks this clarifies a lot!
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 🙏
Really enjoy your videos. You and Mosh are great. Thanks for the informative videos
Your videos on JS are so good at explaining complicated things, that they could be considered cheating.
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 :)
Pure talent u are born to this soooo professional and u deserve more credit , keep it up i believe in you
@ColorCodeio
Жыл бұрын
Thank you!
I love seeing you have fun while coding.
@ColorCodeio
10 ай бұрын
Gotta make it fun otherwise it’s too hard
awesome and simple as possible explanation, one can't get bored from your videos even it's lengthy 😊
@ColorCodeio
3 жыл бұрын
Cool 👍
great content with wonderful quality, thanks
This is the best possible explanation!!! Thank you so much!!!
@ColorCodeio
4 ай бұрын
Thank you
thank you so much !you're a life saver
Thanks for this awesome series .
@ColorCodeio
10 ай бұрын
👍♥️
This just cleared all my doubts. You're a great teacher.🙏
@ColorCodeio
Жыл бұрын
Glad to hear that
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)
wow im impressed i never understood it this much thank u you truly deserve more credit
@ColorCodeio
Жыл бұрын
I’m glad
Loved this video! I understood so well. Will check out this video series!
@ColorCodeio
2 жыл бұрын
So glad!
Your teachings are great. I learned a lot
@ColorCodeio
10 ай бұрын
Excellent
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 :)
His video is very addictive. I just keep watching without knowing how time goes by
@ColorCodeio
Жыл бұрын
🥳
I am proud of you my dear Sinai You are a great programmer❤❤❤❤
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
9 ай бұрын
Great to hear!
thanks for the good explanation.
Your channel really is a treasure trove!
@ColorCodeio
2 жыл бұрын
:)
great explaining sina, thank you! 👏👏
@ColorCodeio
4 ай бұрын
You’re welcome!
Great explanation of the OOP.
Your videos should have so many more views. They are very helpful.
@ColorCodeio
2 жыл бұрын
Thank you :)
Amazing video and explanation😁!! More power to you sir. Keep going!! Love from India
This playlist is so useful and by the way the video quality is soo good.
@ColorCodeio
2 жыл бұрын
Great. Thank you.
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 ;)
This video is a gem. I am amazed that this channel has so few views.
@ColorCodeio
3 жыл бұрын
Thank you! :)
Best ever on OOPS❤
Thank you for this video, very informative.
@ColorCodeio
4 ай бұрын
👍👍
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?
What u are teaching is really amazing ❤
@ColorCodeio
4 ай бұрын
Ty!
Great vid. Thank you!!!
@ColorCodeio
2 жыл бұрын
You're welcome
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
2 ай бұрын
Glad to hear it
You're the bomb man. I like your repetition of the same concept :)
@ColorCodeio
Жыл бұрын
Glad you're into it 👍
You're the best, thank you!!!!
@ColorCodeio
9 ай бұрын
You're welcome!
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
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
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
I dont know, why youtube doesnt recommend this type of channels to the user. you deserve more audience sir.
@ColorCodeio
Жыл бұрын
🙏
Hello @colorCodeio first time here, great video! But why there are only 14 on 20 video in this playlist? Go on! Thank you!
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!
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.
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
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
clearly explained....thanks
@ColorCodeio
2 жыл бұрын
You are welcome
Dude , You are a gem !!
@ColorCodeio
Жыл бұрын
So are you
Nicely explain
@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.
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 👍
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
a man , a myth , a legend
Great video, liked and subscribed.
@ColorCodeio
2 жыл бұрын
Thank you!
Great lesson!
@ColorCodeio
6 ай бұрын
🙏
amazing explanation
@ColorCodeio
4 ай бұрын
Thank you
You deserve all the subscribers
@ColorCodeio
Жыл бұрын
Thank you 🙏
Great explanation
@ColorCodeio
Жыл бұрын
Ty
really great video!!! 🔥🔥
@ColorCodeio
2 ай бұрын
Thanks 🔥
Hi , 🎉 explanation supper.. Solid principal explain with program and design pattern
Oh my God Thank you so much man!!!!!!
@ColorCodeio
Жыл бұрын
👍
I just love your videos, Damn GOD.😎
@ColorCodeio
Жыл бұрын
Thank you 😀
Thank you.
Thank you
Wonderful video! I just left puzzled with how to do class extending without syntactic sugar of classes (class SuperHuman extends Human {...} )?
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.
Great explanation!! Whats the IDE used here ?
@ColorCodeio
7 ай бұрын
Chrome DevTools
Deserves alot more likes ..shares.etc..
@ColorCodeio
3 жыл бұрын
I appreciate that :)
slick video, great content.
@ColorCodeio
2 жыл бұрын
Appreciate it!
13:30 It's not even on my class. Wow. Thank you for this!
@ColorCodeio
Жыл бұрын
You're welcome
Came from TikTok :-)
@ColorCodeio
3 жыл бұрын
Oh awesome! Glad to have you here.
I love this channel
@ColorCodeio
2 жыл бұрын
Thank you :)
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/
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.