JavaScript Prototypal inheritance - Tutorial

Поделиться
HTML-код
  • Опубликовано: 14 июн 2024
  • All the code from this series is available here:
    github.com/ColorCode/js-10-th...
    JavaScript Prototype and the Prototype Chain from the series "10 Things JS Developers Should Know"
    by ColorCode.io, Sina Jazayeri
    Full playlist here: • 20 Things JavaScript D...
    JavaScript Tutorial - Prototypes and Prototype Chain. This is episode 2 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 2, we’re gonna explore the concept of Prototypes, prototypal inheritance, and how the prototype chain works. Episode 2: Prototypes. Let’s go!
    0:00:00 Intro
    0:00:35 _proto_
    0:02:28 Prototype Chain
    0:12:00 Prototype

Комментарии • 373

  • @ColorCodeio
    @ColorCodeio  3 года назад +35

    JavaScript Prototype Chain from the series "10 Things JS Developers Should Know, But Probably Don't". 💻💛

    • @howardtalon2255
      @howardtalon2255 2 года назад

      I dont mean to be so offtopic but does any of you know a method to log back into an Instagram account??
      I somehow forgot my account password. I would love any help you can offer me.

  • @rohithkrishna4278
    @rohithkrishna4278 Год назад +100

    This guy is going to be a hit in a year. This is the best explanation I have ever seen.

  • @ultraman6950
    @ultraman6950 Месяц назад +2

    I can finally say that I get it! I was sick and tired of reading the documentation and watching videos and still not getting a clue about it... up until this man dropped this masterpiece of a video. Thanks man!

  • @redeye8536
    @redeye8536 7 дней назад +1

    Man my heart opened to this guy, hes very talented to explaining and teaching everything on a pattern hes really experienced.

  • @B-Amir
    @B-Amir 5 месяцев назад +4

    After years of exploring tutorials, books, and doing projects, this series is the turning point for me. Each video added to this playlist brings another "aha" moment. Thanks for the coolest JavaScript tutorials ever! Damet garm man.

  • @programmingforfun4158
    @programmingforfun4158 Год назад +9

    Bro trust me, your presentation and depth of knowledge is incomparable

  • @TahaTopal
    @TahaTopal 9 месяцев назад +8

    You're one of the most underrated lecturers I've ever seen. I really appreciate the overall quality of your content.

  • @AL33N51
    @AL33N51 7 месяцев назад +4

    literally hands down one of the best teaching styles experiences ive ever encountered for code

  • @user-vj3le5dl6i
    @user-vj3le5dl6i 3 года назад +4

    The moment when sina moves his eye brows up and down......my mind got mindblown thank you so much! I now understand!! The dots just instantly connected for me!! Then I instantly subs

  • @Wumbology10
    @Wumbology10 11 месяцев назад +5

    This dude is a phenomenal teacher. I hope your channel gets the recognition it deserves soon.

  • @joshikroshan5584
    @joshikroshan5584 22 дня назад +1

    Hands down. Best tutorial on the RUclips. Thanks!!!

  • @mrSargi7
    @mrSargi7 2 года назад +35

    It's insane how much difference a good explanation makes. Keep them videos coming man, you're doing a great job! Subbed!

    • @ColorCodeio
      @ColorCodeio  2 года назад +1

      Thank you :) Glad you like the content

  • @sagarx105
    @sagarx105 2 года назад +23

    Wow, your way of explaining things is amazing! And the video is definitely aesthetic and interesting to watch. All the very best for your channel!

  • @deansolistino
    @deansolistino 3 года назад +18

    Good work. Yesterday I listened to a unorganized tirade on proto vs prototype: yet, this truly made it simple. You earned a subscriper

  • @gagikbabayan1324
    @gagikbabayan1324 Год назад +2

    Finally someone, who explains in simple way, thank you

  • @irshadkhan-ss3ke
    @irshadkhan-ss3ke 3 года назад +7

    Awesome!!! You cleared my all doubts about the prototype in just 15 min. Great content. Thank You.

  • @caiopertence1771
    @caiopertence1771 10 месяцев назад +2

    Man, I was trying to understand prototype for days, and you, in 15 minutes, made this subject come into my mind as if it were extremely easy! Thank you very much, greetings from Brazil! ❤🇧🇷

  • @ihateorangecat
    @ihateorangecat 6 месяцев назад +1

    Thank you brother!
    Been writing JS for a year now
    I just figured it out.

  • @pavanpogula-uc4vn
    @pavanpogula-uc4vn 25 дней назад +1

    this is by far the best video on prototype, thanks for the video.

  • @stefanofrontani2220
    @stefanofrontani2220 2 года назад +1

    I realized i HAD to like this when you told the baby joke. Nice video man!

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

      Aaaaaaah so THAT's where likes come from :) Thanks Stefano.

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

    last 2 mins was most important lesson 📝📝

  • @daniyorboltaev9073
    @daniyorboltaev9073 Год назад

    Good developer with actor skills. That is a very clear explanation.

  • @adriananin3150
    @adriananin3150 Год назад +3

    This video is really high quality, not just the teaching but I love the editing as well, Great tutorial thank! I'll watch the others
    😁

  • @MrFebmx22
    @MrFebmx22 4 месяца назад

    This is simply amazing. I watched one episode and straight away became a fan of this guy. Brilliant!

  • @ivo_sa
    @ivo_sa 6 месяцев назад +2

    wow! just found you channel today and i`m really impressed, love your teaching style !

  • @prince5922
    @prince5922 2 года назад +3

    I literally watched your video on inhertiance and this one like 10 times each! and every time I watched it I kept learning more, whilst practicing along. And after finally learning it I feel like a Suppperrr humaaaan :) can't wait to the watch the rest of series, I am literally loving JS because of your content! Please keep it up. Thank you, you are the best there is Sina!

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

      Wow, thanks! Glad I could help.

  • @fluffybubble6872
    @fluffybubble6872 Год назад +2

    these tutorials are soooo underrated, and I don't understand why. Really great content

  • @publicclass1835
    @publicclass1835 Год назад +1

    Good job man! Everything is perfect, clear and easy explanation as well as good humour and nice editing. Subbed!

  • @sanjeevchaurasia4819
    @sanjeevchaurasia4819 2 года назад +2

    I loved the way you teach. Simple yet conceptual

  • @hibahm5568
    @hibahm5568 2 года назад +1

    You are god sent! The videos are very helpful for me as I'm preparing for an interview. You nail it at simply explaining hard concepts.

  • @davidvozar1112
    @davidvozar1112 Год назад +1

    Man this is something beautiful. They way you explain stuff, its engaging and entertaining as well. Keep up the good work!

  • @sagarmunjal
    @sagarmunjal 11 месяцев назад +1

    I'm just blown.
    By your delivery. 😂
    So wholesome.

  • @Nirajan_Malla
    @Nirajan_Malla 4 месяца назад +1

    got to know about your channel from reddit !
    Very thankful to them, hats off 'One of the greatest playlist on js'

    • @ColorCodeio
      @ColorCodeio  4 месяца назад +1

      Thanks a lot! Can you share the Reddit with me?

  • @louleg23
    @louleg23 Год назад +1

    SO clear! Love the way you break things down. Thanks!

  • @malinichandran
    @malinichandran 2 года назад +2

    A perfect video explaining proto and prototype. Please keep your videos coming. You are an awesome teacher.

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

      Thank you! More to come soon.

  • @mareksamofal3929
    @mareksamofal3929 4 месяца назад +1

    Excellent and professional explanation! Thank you!

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

    You do a good job explaining the concepts but also making it fun.

  • @dustinvidrine3954
    @dustinvidrine3954 Год назад +1

    You are killing it. Keep it coming

  • @shortstube34
    @shortstube34 Год назад +1

    Such an underrated channel. I'm lucky to have his video support when I'm learning JavaScript.
    I don't think anyone would give me this level of support for free like him.
    Thanks ❤

    • @ColorCodeio
      @ColorCodeio  Год назад +1

      Thanks for taking the time to write me that. Appreciate it 🙏

  • @mikehong7804
    @mikehong7804 2 года назад +1

    The first time I leave a comment for the tutorials (mostly because I'm always too busy wrapping my head around the content) But I really have to say it's such an enjoyable experience watching all the elements you made aesthetically pleasing.

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

      Thank you! Glad you like the content.

  • @2difficult2do
    @2difficult2do Год назад +1

    Thank you. It seems the best explanation of the prototypes in JS.

  • @ChandanNath-nt6yx
    @ChandanNath-nt6yx 2 месяца назад

    Thank you sir for describing the undefined source.❤

  • @kevinmalone390
    @kevinmalone390 Год назад +2

    Great explanations, would love to see more series like this one!

  • @nurudeenabdul-majeed9779
    @nurudeenabdul-majeed9779 8 месяцев назад +1

    Damn! Dude is underrated, you just gained a subscriber.

  • @s.sushma-1765
    @s.sushma-1765 Год назад +2

    Man, you're the best:). Such a cool video with amazing stuff. Loved the way you structured the content for the video, tbh, it was so interesting to watch . Much love

  • @Ireviewitforyou-rn9me
    @Ireviewitforyou-rn9me 4 месяца назад +1

    Bro is a legend, I don't why I haven't seen your videos before 🤯

  • @ramyaasp9447
    @ramyaasp9447 4 месяца назад

    Your explanation is amazing...
    After exploring a lots of stuffs, this is the best one and I'll suggest this to everyone.
    Kindly request you to upload TYPESCRIPT series, and it'll be useful.
    Keep rocking.

  • @benoitalix
    @benoitalix 3 года назад +2

    Excellent video with very clear explanations and lot of fun ! Thank you !

  • @gustavstreicher4867
    @gustavstreicher4867 2 года назад +5

    Amazing video! Really engaging and well explained. One correction at 11:44 : The prototype property exists on all functions, not just constructor functions. Constructor functions add some behind the scenes actions to regular functions (const this = Object.create(MyFunction.prototype); ... return this;) , and classes are syntactical sugar for constructor functions.

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

      after Object.create probably does MyFunction.apply(this, arguments), but only when using the "new" keyword

  • @viniciuspatzer6931
    @viniciuspatzer6931 2 года назад +1

    I'm downloading all the videos of this series, and I'm not even kidding, thank you!!

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

      By all means :) Glad you like the content.

  • @danielSafonyan
    @danielSafonyan Год назад +1

    Thank you for such a clear explanation and an entertaining delivery!

  • @HamiddNasr
    @HamiddNasr 10 месяцев назад +1

    This video was really intuitive!
    The way you teach makes it really easy to grasp.
    Thanks again :))

  • @MuhammadAli-sx1qv
    @MuhammadAli-sx1qv Год назад +1

    That is great, you have an easy & elegant explaining style, Thank you

  • @shreyas176
    @shreyas176 Год назад +1

    very underrated channel, hope this man grows faster. Kudos man.

  • @syndg
    @syndg Год назад +1

    These videos are so freakin good man! The channel is gonna blast-off pretty soon! I'm literally out of words.
    Keep these videos coming man!

  • @nikolapuzovic6929
    @nikolapuzovic6929 Год назад +1

    Best explanation i found yet.

  • @whyyshivam
    @whyyshivam Месяц назад +2

    13:59 Wtf? Are you crazyyyyyy???? Thankyou so much!

  • @waffletube5707
    @waffletube5707 Год назад +1

    Dude, I'm telling you, these videos are phenomenal. Me at 14:22

  • @wilmernorling7301
    @wilmernorling7301 Год назад +1

    I had a really hard time understanding this, but your videos helped me a lot! Thank you very much

  • @immortalkarin
    @immortalkarin Месяц назад

    Like others have said in the comments, top notch explanations for those concepts, best i've seen on youtube.

  • @namankeshari7332
    @namankeshari7332 10 месяцев назад +1

    Seems like you had million subscribers and started all over again with this channel just for fun! You're damn good man!!

  • @sugat7206
    @sugat7206 5 месяцев назад +1

    Loved the way you explain man. Thanks a lot❤

  • @kishore5358
    @kishore5358 3 года назад +1

    this man deserves more subscribers...such an excellent video!!finally learnt what is PROTOTYPE and __PROTO__🙂🙂

  • @breakoutgaffe4027
    @breakoutgaffe4027 10 месяцев назад +1

    Yes to extending the series with more practical examples ❤

  • @him99ful
    @him99ful 2 месяца назад

    What an explanation. Respect bud.

  • @josegraca4257
    @josegraca4257 2 года назад +1

    one of the best explanations i found on the topic...dope video! thank you very much!

  • @nebvchadnezzar
    @nebvchadnezzar Год назад

    good job bro! very helpful series! keep it up!

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

    Keep it up brother learning a lot from you.

  • @matejkmatejk3951
    @matejkmatejk3951 4 месяца назад

    im so glad i have alredy learned what linked lists are cuse that made me understand this 100x better ty man

  • @grantomohundro3298
    @grantomohundro3298 Год назад

    So this is what love feels like…amazing channel 🙏🙏

  • @oleksandrfomin326
    @oleksandrfomin326 Год назад

    You earned a subscriber. Brilliant content

  • @varunsharma3775
    @varunsharma3775 3 года назад +1

    Dude you are amazing I will share your channel as much as possible loved it

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

      Thank you for your support :)

  • @pb1129
    @pb1129 14 дней назад

    I am glad, that I found you, man!!! Thanks!

  • @chhavimanichoubey9437
    @chhavimanichoubey9437 Год назад +1

    I think you are right about christy being the mastermind behind making these programming language concept cuz proto is my favourite mind bending topic of interest.

  • @namankeshari7332
    @namankeshari7332 10 месяцев назад +1

    This was so insightful! I watched it twice and made notes! It was so informative!

  • @user-cd1vg8le7f
    @user-cd1vg8le7f 10 месяцев назад +1

    your ways representation using effects and animation is very helpful. you explaination is very good. thank you x 100

  • @nynzxoxo
    @nynzxoxo 3 года назад +1

    I revisit this all the time! Thank you!

  • @valorantaccount462
    @valorantaccount462 Год назад +2

    You are amazing! I truly appreciate the effort you put into creating such a valuable piece of content. Thank you for sharing your magic!!!!!!!!

  • @ilkinshafiyev2314
    @ilkinshafiyev2314 3 года назад +1

    Very useful video, thank you. And great way of explaining things!

  • @vladislavamarkova8379
    @vladislavamarkova8379 2 года назад +1

    Really nice tutorial, great explanation, it was so interesting to follow. Thank you! 🙏

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

      Awesome. Glad you like the video.

  • @georgeanthony5180
    @georgeanthony5180 22 дня назад

    Up next Event loop😋 this guy is killing it can’t wait 👊🏽😉

  • @ianhnizdo4787
    @ianhnizdo4787 2 года назад +1

    This was a good video. I learned quite a bit here.

  • @clickerr_
    @clickerr_ 2 года назад +1

    dont understand why your videos have low view counts but they're very well made and very informative. kudos man!

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

      Thank you. With time they'll come ;)

  • @srm3378
    @srm3378 Год назад +1

    My goodness, where have you been all my life???!!!

  • @deveshsrivastava2508
    @deveshsrivastava2508 Год назад +1

    your are at some level dude. after going on the same topic with diffrent people. you are the best and most talented. all the best and keep it up.💛

  • @Ranbo5
    @Ranbo5 9 месяцев назад +1

    Great work man! Tasty, nutritious and easily digested!

  • @mdahsanfaraz4154
    @mdahsanfaraz4154 Год назад

    AMAZING EXPLANATION!! thanks

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

    Incredible tutorial

  • @mukiibipeter07
    @mukiibipeter07 2 года назад +1

    The kind of stuff I've been looking for.

  • @shariqkhan3763
    @shariqkhan3763 2 года назад +1

    LOVE your content man! keep at it - SUBBED!!

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

      Awesome. New video coming soon.

  • @mattbristo6933
    @mattbristo6933 16 дней назад

    Nice videos and really well explained.

  • @bengen12
    @bengen12 Год назад

    Great explanation , the best

  • @amlenk
    @amlenk Год назад +1

    Thank you, your explanation was very clear and the editing is 👌😙

  • @rohanagrawal5747
    @rohanagrawal5747 Год назад +1

    i really liked the way you teach

  • @raghavenderreddy2729
    @raghavenderreddy2729 2 года назад +1

    really awesome explanation brother

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

    thank you sir..
    love from nepal🇳🇵

  • @LeetCodeSimplified
    @LeetCodeSimplified 3 года назад +1

    Awesome explanation! You got a new subscriber!

  • @HaRdikKajiK
    @HaRdikKajiK 3 года назад +2

    Awesome content :) really helpful

  • @canklc5772
    @canklc5772 Месяц назад

    New discovery 😊 thanks bro ❤

  • @fizruk7644
    @fizruk7644 2 года назад +1

    the background music while you're coding is awesome