Inheritance in JavaScript - Prototypal Inheritance tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 พ.ย. 2024

ความคิดเห็น • 351

  • @ColorCode-io
    @ColorCode-io  3 ปีที่แล้ว +39

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

  • @mo.G_2020
    @mo.G_2020 11 หลายเดือนก่อน +26

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

  • @IanButler-z9b
    @IanButler-z9b 23 วันที่ผ่านมา +2

    I have been following The Odin Project and consuming A LOT of content. This channel is the standout. No fluff, no distractions, no cognitive overload. Liked and subscribed.

    • @ColorCode-io
      @ColorCode-io  23 วันที่ผ่านมา

      Thank you so much for the support! Glad the content is working for you.

  • @kevinto8955
    @kevinto8955 2 ปีที่แล้ว +8

    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!

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว

      That’s great to hear! Thanks.

  • @shortstube34
    @shortstube34 ปีที่แล้ว +1

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

  • @alex_turing
    @alex_turing ปีที่แล้ว +4

    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.

  • @tothefieldsmusic4553
    @tothefieldsmusic4553 3 ปีที่แล้ว +118

    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.

    • @ColorCode-io
      @ColorCode-io  3 ปีที่แล้ว +2

      Thanks! 👍

    • @kenosabi
      @kenosabi 2 ปีที่แล้ว +3

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

  • @simranbajaj5570
    @simranbajaj5570 2 ปีที่แล้ว +2

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

  • @mikolots
    @mikolots 2 ปีที่แล้ว +2

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

  • @jojo3636
    @jojo3636 ปีที่แล้ว +3

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

  • @danielSafonyan
    @danielSafonyan 2 ปีที่แล้ว +18

    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.

  • @sfspmusic
    @sfspmusic 9 หลายเดือนก่อน +2

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

  • @TheMaster201989
    @TheMaster201989 10 หลายเดือนก่อน +1

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

  • @TsipporahtheExplorer
    @TsipporahtheExplorer ปีที่แล้ว +8

    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!

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว +2

      Glad you like them! Thanks for your comment.

  • @jhcarrell
    @jhcarrell 2 หลายเดือนก่อน +2

    I’ve really enjoyed 10/20 things series. Would really like to see a breakdown of inheritance vs composition!

  • @techbro3085
    @techbro3085 ปีที่แล้ว +3

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

  • @stallhaagen
    @stallhaagen 23 วันที่ผ่านมา

    Best explanation video of class / prototype I've found on youtube

  • @JeatBunkie
    @JeatBunkie 2 ปีที่แล้ว +2

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

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว +1

      Thank you. Glad you liked it!

  • @sagarmunjal
    @sagarmunjal ปีที่แล้ว +1

    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.

  • @NiketAgarwal-x4o
    @NiketAgarwal-x4o 19 วันที่ผ่านมา +1

    easily the best video i have ever seen on inheritance

  • @umangbhatnagar1415
    @umangbhatnagar1415 2 ปีที่แล้ว +2

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

  • @luisapinheiro8820
    @luisapinheiro8820 ปีที่แล้ว +4

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

  • @thydevdom
    @thydevdom ปีที่แล้ว +2

    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.

  • @chiculitamihaela8076
    @chiculitamihaela8076 2 ปีที่แล้ว +9

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

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว +1

      Thank you for your support!

  • @verydifferentthought
    @verydifferentthought 2 หลายเดือนก่อน +1

    Bro needs nobel prize for high quality content!

  • @TheAcidMotion
    @TheAcidMotion 4 ปีที่แล้ว +17

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

    • @ColorCode-io
      @ColorCode-io  4 ปีที่แล้ว +1

      Wow! Thank you, brother Mike! :)

  • @Abhinand28
    @Abhinand28 9 หลายเดือนก่อน +1

    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

    • @ColorCode-io
      @ColorCode-io  8 หลายเดือนก่อน +1

      Glad to hear it

  • @stevejue3682
    @stevejue3682 ปีที่แล้ว +1

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

  • @DevlogBill
    @DevlogBill 2 ปีที่แล้ว +2

    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.

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว +3

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

    • @DevlogBill
      @DevlogBill ปีที่แล้ว +1

      @@ColorCode-io thank you

  • @arunk4654
    @arunk4654 ปีที่แล้ว +1

    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

  • @programmingforfun4158
    @programmingforfun4158 ปีที่แล้ว +1

    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

  • @anithas2357
    @anithas2357 2 ปีที่แล้ว +1

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

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว

      Full course coming soon on ColorCode.io

  • @catherinelization
    @catherinelization 2 ปีที่แล้ว +1

    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

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว +1

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

  • @EL12111
    @EL12111 3 ปีที่แล้ว +3

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

  • @freemanfreeman7841
    @freemanfreeman7841 2 ปีที่แล้ว +3

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

  • @qaczy
    @qaczy 7 วันที่ผ่านมา

    Cool material, even though I know about inheritance, you talk in quite entertaining way and show it extremely neat way that I'm not get bored.
    I got ADHD so I guess it's kind of huge compliment :D
    Going to watch all series, definitely I will learn something.

  • @JackBAverill
    @JackBAverill ปีที่แล้ว +1

    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!

  • @wenfei8712
    @wenfei8712 2 ปีที่แล้ว +1

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

  • @Sam-de8tc
    @Sam-de8tc ปีที่แล้ว +2

    Dont stop the contents
    loved every second

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว

      More coming soon!

    • @Sam-de8tc
      @Sam-de8tc ปีที่แล้ว

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

  • @BhupinderSingh-qd6he
    @BhupinderSingh-qd6he 3 ปีที่แล้ว +5

    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.

    • @ColorCode-io
      @ColorCode-io  3 ปีที่แล้ว +1

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

  • @tiktalk4573
    @tiktalk4573 ปีที่แล้ว +2

    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!

  • @ajaydeepsinghrajpoot
    @ajaydeepsinghrajpoot ปีที่แล้ว +2

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

  • @alex_blue5802
    @alex_blue5802 ปีที่แล้ว +1

    I love seeing you have fun while coding.

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว +1

      Gotta make it fun otherwise it’s too hard

  • @rohanagrawal5747
    @rohanagrawal5747 2 ปีที่แล้ว +1

    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.

  • @Xraxus_
    @Xraxus_ 4 หลายเดือนก่อน

    Absolutely love the way you explain concepts, - it's really chill and positive.
    Even though I probably know most of the "20 things", it's still a nice way of relaxing while also reviewing some things. :)

    • @ColorCode-io
      @ColorCode-io  4 หลายเดือนก่อน

      Awesome, thank you!

  • @vahesevachyan9399
    @vahesevachyan9399 ปีที่แล้ว +1

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

  • @gustavoalvarez2734
    @gustavoalvarez2734 ปีที่แล้ว +1

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

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว

      Hah I don't know about that but thanks!

  • @SweetSona-om8mt
    @SweetSona-om8mt ปีที่แล้ว +1

    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

  • @TheCodingOdyssey
    @TheCodingOdyssey 4 ปีที่แล้ว +2

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

    • @ColorCode-io
      @ColorCode-io  4 ปีที่แล้ว +1

      Awesome, glad to have you here.

    • @TheCodingOdyssey
      @TheCodingOdyssey 4 ปีที่แล้ว

      @@ColorCode-io glad to be here.

  • @AberrahimCoder
    @AberrahimCoder ปีที่แล้ว +1

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

  • @RadeneIdo-yt7pr
    @RadeneIdo-yt7pr 11 หลายเดือนก่อน +1

    What u are teaching is really amazing ❤

  • @ebrahimmehri
    @ebrahimmehri 4 หลายเดือนก่อน

    Excellent! I'm a professional TH-cam uploader myself and I'm quite aware how difficult it is to make a single video. Bravo! Keep up the good work.

    • @ColorCode-io
      @ColorCode-io  4 หลายเดือนก่อน

      Thank you!

    • @atlantic_love
      @atlantic_love 3 หลายเดือนก่อน +1

      What was this video about?

  • @PeterGajeresonSolomon
    @PeterGajeresonSolomon 2 หลายเดือนก่อน

    This is awesome! Quality video, sound, tutorial and knowledge.

  • @noexcuses6002
    @noexcuses6002 5 หลายเดือนก่อน

    the ending is for me where we use it is far important to know thanks daddy

  • @andrewtcoder
    @andrewtcoder ปีที่แล้ว +2

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

  • @chrisdietrich1533
    @chrisdietrich1533 3 ปีที่แล้ว +1

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

  • @pacesferry
    @pacesferry 2 ปีที่แล้ว +1

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

  • @LeetCodeSimplified
    @LeetCodeSimplified 3 ปีที่แล้ว +1

    Your channel really is a treasure trove!

  • @bobbydowd7490
    @bobbydowd7490 4 ปีที่แล้ว +4

    Deserves alot more likes ..shares.etc..

  • @abdohatemeldosoky
    @abdohatemeldosoky ปีที่แล้ว +1

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

  • @mohammadm9873
    @mohammadm9873 ปีที่แล้ว

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

  • @christianarana9942
    @christianarana9942 3 ปีที่แล้ว +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.

    • @ColorCode-io
      @ColorCode-io  3 ปีที่แล้ว +1

      Thanks Christian :) Made my day

  • @waffletube5707
    @waffletube5707 2 ปีที่แล้ว +1

    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!

  • @girlzz8413
    @girlzz8413 2 ปีที่แล้ว +1

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

  • @SiddharthRay1
    @SiddharthRay1 3 ปีที่แล้ว +1

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

  • @jasonlago5129
    @jasonlago5129 ปีที่แล้ว +1

    You deserve all the subscribers

  • @hassansharafi1000
    @hassansharafi1000 ปีที่แล้ว +1

    Your teachings are great.
    I learned a lot

  • @stephenkrus
    @stephenkrus ปีที่แล้ว +1

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

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว

      Hope so too. Let me know how it goes.

  • @siddhant9484
    @siddhant9484 3 หลายเดือนก่อน +1

    Sir, your content is amazing. 👍

  • @satyamgupta2841
    @satyamgupta2841 11 หลายเดือนก่อน

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

  • @eumm11
    @eumm11 ปีที่แล้ว +1

    crystal clear explanation, kudos

  • @boukrimohammed
    @boukrimohammed 9 หลายเดือนก่อน

    a man , a myth , a legend

  • @denissaveliev2664
    @denissaveliev2664 4 หลายเดือนก่อน

    Дякую велике, дуже приємно дивитись, та ще й корисно!

  • @shashisekhar7301
    @shashisekhar7301 2 ปีที่แล้ว +1

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

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

  • @gogarrickboyd
    @gogarrickboyd 2 ปีที่แล้ว +1

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

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว

      Thanks. It’s Chrome DevTools.

  • @BobJohn12437
    @BobJohn12437 ปีที่แล้ว +1

    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!

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว +1

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

  • @EiandGi8Six
    @EiandGi8Six ปีที่แล้ว +1

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

  • @PRen2024
    @PRen2024 11 หลายเดือนก่อน +1

    great explaining sina, thank you! 👏👏

    • @ColorCode-io
      @ColorCode-io  11 หลายเดือนก่อน

      You’re welcome!

  • @mcfunthomas_mc
    @mcfunthomas_mc ปีที่แล้ว

    Great explanation of the OOP.

  • @alexistm
    @alexistm 5 หลายเดือนก่อน

    DAMN, YOU DESERVE MORE VIEWS AND LIKES AND SUBS, AMAZING CONTENT

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

  • @fragrantbloom
    @fragrantbloom 2 ปีที่แล้ว +1

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

  • @vishtrinity
    @vishtrinity 12 วันที่ผ่านมา

    Ur content is Absolute Gold👑

  • @TheHerbBag
    @TheHerbBag 7 หลายเดือนก่อน

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

  • @jashanpreet880
    @jashanpreet880 3 ปีที่แล้ว +3

    if this guy made a paid course i will definitely buy his course

    • @ColorCode-io
      @ColorCode-io  3 ปีที่แล้ว +1

      I’m working on something special :)

    • @jashanpreet880
      @jashanpreet880 3 ปีที่แล้ว +1

      @@ColorCode-io that's great

    • @ColorCode-io
      @ColorCode-io  3 ปีที่แล้ว +2

      Stay tuned. I’ll be announcing it on the channel

    • @jashanpreet880
      @jashanpreet880 3 ปีที่แล้ว +1

      @@ColorCode-io 👍 keep up the great work

  • @kaleeswarip4713
    @kaleeswarip4713 5 หลายเดือนก่อน

    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.

  • @ashishbabu9187
    @ashishbabu9187 ปีที่แล้ว

    Best ever on OOPS❤

  • @mitch1668
    @mitch1668 2 ปีที่แล้ว

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

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว

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

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

  • @andcap2239
    @andcap2239 2 ปีที่แล้ว +1

    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.

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว +1

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

  • @RajeshPatil-kn7ur
    @RajeshPatil-kn7ur 6 ชั่วโมงที่ผ่านมา

    Understood that you are using chrome dev tools from one of the comment.
    How you avoid 'Uncaught SyntaxError: Unexpected end of input' when typing functions ??
    Would like to see more videos javascripts in depth.

  • @Rami2OG
    @Rami2OG ปีที่แล้ว +1

    Thank you for this video, very informative.

  • @spidysense7754
    @spidysense7754 17 วันที่ผ่านมา +1

    Excellent playlist.....❤

  • @samirneupane7563
    @samirneupane7563 ปีที่แล้ว +1

    Thanks for this awesome series .

  • @gatorgrad
    @gatorgrad ปีที่แล้ว +1

    thanks for the good explanation.

  • @lewitness1759
    @lewitness1759 2 ปีที่แล้ว +1

    Amazing, thanks this clarifies a lot!

  • @parttimepen6627
    @parttimepen6627 2 ปีที่แล้ว +1

    Great video, liked and subscribed.

  • @joshuavee
    @joshuavee 3 ปีที่แล้ว +2

    #til . Sometimes I forget the basics of prototypes when we code in things like TS. This is well done, like my steaks.

    • @joshuavee
      @joshuavee 3 ปีที่แล้ว +3

      Although realistically I like my steaks medium rare

    • @ColorCode-io
      @ColorCode-io  3 ปีที่แล้ว +1

      @@joshuavee haha I'm more of a medium guy.

    • @sheldonfourie5959
      @sheldonfourie5959 3 ปีที่แล้ว +1

      I like mine rare, just like finding this rare video which should have so much more views.

  • @vladgubanov5508
    @vladgubanov5508 8 หลายเดือนก่อน

    great content with wonderful quality, thanks