Javascript Prototype inheritance Explained ( tutorial Part1)

Поделиться
HTML-код
  • Опубликовано: 25 ноя 2024

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

  • @MuhammadHasan91
    @MuhammadHasan91 8 лет назад +54

    I love this tutorial... finally i understand prototype! :D

    • @Techsithtube
      @Techsithtube  7 лет назад

      Glad you got it. Thanks for watching!

    • @puvaasam
      @puvaasam 5 лет назад

      @@Techsithtube hope you took this content from JavaScript 16 sexy

  • @eldhosevj9924
    @eldhosevj9924 5 лет назад +3

    Today is the day I understood what prototype property is
    Thanks

  • @alexshnyrov8090
    @alexshnyrov8090 5 лет назад +3

    The best explanation of JavaScript prototypes I've seen. Thanks a lot!

  • @funkyvibes77
    @funkyvibes77 6 лет назад +8

    excellent explanation ! this is the best tutorial on protoypes JS.

  • @alexkozyrev82
    @alexkozyrev82 7 лет назад +2

    Thank you! I think I get it now... After 5 other tutorials where guys talk about for 30-40 minutes, you explain it quite simply in 10 minutes. Thank you.

  • @codecobber1107
    @codecobber1107 7 лет назад

    Brilliant, simply brilliant. Thankyou. At last someone who can explain prototype in a clear and easy to understand fashion.

  • @Brixsta503
    @Brixsta503 7 лет назад

    I've watched hundreds of tutorials from udemy, lynda, you name it. You do a good job explaining the material slowly for us laymen to understand. Thank you for the videos.

  • @elilastnamington9808
    @elilastnamington9808 7 лет назад

    I absolutely love how you explain it in such an intuitive way that makes sense to a human brain.

    • @Techsithtube
      @Techsithtube  7 лет назад

      Thanks . this is an old video. I have made some improvement and explained in much more detail in this playlist. ruclips.net/p/PL7pEw9n3GkoW0ceMeoycg9D00YjPAbtvt

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

    You have simplified prototypical inheritance, a thumbs up !!!

  • @sitanshujoshi9190
    @sitanshujoshi9190 6 лет назад

    Actual Meaning and How Inheritance working in Javascript, I just got more clear when I saw this. Highly recommended. I don't know he is a developer or who but the way he explains it clear everything about prototype....
    I will see more. Good work.

    • @Techsithtube
      @Techsithtube  6 лет назад

      Great You should also check out the full playlist on object oriented programming in javaScript.

  • @XRaptureXx
    @XRaptureXx 5 лет назад +1

    This was very well said. I was able get it through my head when you compared it to class inheritance. thanks a bunch.

  • @newmagicfilms
    @newmagicfilms 6 лет назад +3

    Comments are not enough , support him on patron guys! We want more

  • @mktwatcher
    @mktwatcher 8 лет назад +3

    I concur Brian Woestman. I've been searching for the best explanation of JavaScript Prototype and Techsith has produced an excellent video to help me understand without any theatrics. Thank you. This is crux of the power of JavaScript.

  • @woestmab
    @woestmab 8 лет назад +30

    Great video. I think this was the best explanation that I've seen. You really helped clear up some of the questions I had. Thanks!

  • @mdiqbal4628
    @mdiqbal4628 7 лет назад +1

    one of the best video on inheritance, very clear explanation. Awesome , No words.

  • @daveboo7002
    @daveboo7002 7 лет назад

    I concur with earlier comments ... I am new to your tutorials, and I really am really getting a lot from your Object Oriented JS and prototype chain stuff. THANK YOU!

    • @Techsithtube
      @Techsithtube  7 лет назад +1

      I have a newer series on object-oriented JavaScript. you can check it you from this playlist.
      ruclips.net/p/PL7pEw9n3GkoW0ceMeoycg9D00YjPAbtvt

  • @StarryRamp
    @StarryRamp 7 лет назад +3

    Just want to say that these videos are fantastic, man. Thank you.

  • @sawyerrken8112
    @sawyerrken8112 6 лет назад

    Thanks for this brief and to-the-point tutorial on Prototypes. Makes all the sense now.

  • @rsdntevl
    @rsdntevl 7 лет назад

    very well explained! Made more sense than a lot of other videos on youtube

  • @jgicharu2010
    @jgicharu2010 7 лет назад +6

    best prototype tutorial. i finally understand prototypical chain. you shouls make udemy tut on js

  • @joeauby9739
    @joeauby9739 7 лет назад +1

    This was a very clear explanation of the prototype chain.. Thank you!

  • @AsifMehedi
    @AsifMehedi 7 лет назад

    The clearest explanation ever. Thank you.

  • @mohamedconde5167
    @mohamedconde5167 6 лет назад

    Thanks for these tutorials. I’m DBA and I’m also Java and C# developer but to be honest I had a lot of confusion in JavaScript. I had been looking for a good tutorial on JavaScript where I could fill the gap I had in JavaScript. Each time I develop in C#, whenever I need to do some think in JavaScript I have go to google to find codes, tweak them and use them. But it is best if I can write myself working codes in JavaScript and use them. Your tutorials gave me a lot of insights. Some areas of confusion are now crystal clear. I was looking for some think like your tutorials not the basic things such as variables, functions… I don’t know if you have some advanced and well explained tutorials on JQuery also.
    Thanks

    • @Techsithtube
      @Techsithtube  6 лет назад

      Similar to this video , I have a whole series of Object-Oriented JS which you can check it out. ruclips.net/p/PL7pEw9n3GkoW0ceMeoycg9D00YjPAbtvt
      And I also have misc advance topics on JS ruclips.net/p/PL7pEw9n3GkoW5bYOhVAtmJlak3ZK7SaDf
      I don't have any jquery videos. but I believe jquery is just a wrapper to javaScript that allows you to use javaScript selectors well. If you know advance JS you can do Jquery in a jiffy. Let me know if you have any questions.

  • @steady640
    @steady640 7 лет назад

    This was the best explanation of prototype I have ever seen. You made it all so clear. Thank you.

  • @anveshreddy3272
    @anveshreddy3272 4 года назад

    Well explained, it revised my concepts for prototypal inheritance.

  • @davideugene7911
    @davideugene7911 7 лет назад

    Merci beaucoup :)
    Le Prototypage et l'héritage sont superbement expliqués !

  • @geokinb01
    @geokinb01 8 лет назад +1

    An excellent video, I have watched a few on this topic but still had some confusion. This video made many things much clearer. Well done!

  • @elisolna
    @elisolna 8 лет назад

    Man! your tutorials are the most simple explained!
    It seems like the other youtube channels are trying to make it so hard to lead coding.
    Keep up the good work!!

  • @glendonphilippbaculio1811
    @glendonphilippbaculio1811 8 лет назад

    I'm about to watch this video and I think I am in the right place!

  • @lightspeedlion
    @lightspeedlion 7 лет назад +1

    Finally Understood prototypes. Able to write some inheritance using prototypes.

    • @Techsithtube
      @Techsithtube  7 лет назад +1

      Do check out my full series on Object Oriented JavaScript. Thanks for watching! :)

  • @CyrusPieris
    @CyrusPieris 4 года назад

    Great explanation by demonstrating. Thank you.

  • @himbary
    @himbary 5 лет назад +1

    I like your calm teaching style, thanks a lot.

  • @munyafiction
    @munyafiction 8 лет назад +7

    great lesson and I think it would be easier if you use names like Car or Person. The single letters make it a bit hard to follow for newbs.
    Looking forward to more videos, thanks for doing them :)

  • @MrPDTaylor
    @MrPDTaylor 6 лет назад

    I love the way you say methods!
    I love the channel in general!
    Thanks so much!
    You have been one of my best teachers for JavaScript!

    • @Techsithtube
      @Techsithtube  6 лет назад

      Thanks Patrick for the awesome comment. Keep learning! :)

  • @victorpinedo5121
    @victorpinedo5121 5 лет назад

    Thansk for this information, hopefully do you can still doing videos like this one!

  • @mostlyfocused
    @mostlyfocused 7 лет назад +1

    Easily the most helpful video on this subject, great diagrams man

  • @mihainagnibeda492
    @mihainagnibeda492 6 лет назад +1

    thanks man, your videos are the best, I finally understand some of the tricky concepts of JS that I didn't before

  • @varinder21011989
    @varinder21011989 5 лет назад

    you are: while(true) { Best() ;}
    Thanks a lot for the videos.

  • @thesmileynoob
    @thesmileynoob 7 лет назад +1

    Clear and concise. Thank you for the explaination.

  • @Llyrian2
    @Llyrian2 7 лет назад +1

    Great video. Very straight forward and great examples!

  • @ga7853
    @ga7853 7 лет назад

    Man, that was clear and easy to understand , Thank you

  • @TottiBln
    @TottiBln 5 лет назад

    Best explanation, ever! Greetings from Germany, Berlin

    • @Techsithtube
      @Techsithtube  5 лет назад +1

      Thanks for watching . Greetings from USA. I do have an entire playlist on Object Oriented JavaScript where I explain prototype inheritance and classes.

  • @mynameisjimjimjim
    @mynameisjimjimjim 4 года назад

    Really concise and easy to grasp, thank you!

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

    Each and every tutorial of yours explains the concepts deeply.. and I find it more interesting to learn javascript.. Thanks to you.. :)

  • @MrBivanovs
    @MrBivanovs 6 лет назад

    the best explanation, many thanks

  • @jptuser
    @jptuser 7 лет назад

    your videos are clear and concise . thanks man.

  • @webmaster246
    @webmaster246 5 лет назад

    Very profound way described. Enjoyed watching. Thank you Mr. techsith (2019)

  • @kevinli9212
    @kevinli9212 7 лет назад

    Very clear explanation, totally understand the concept now. This is coming from someone who was confused after watching a paid tutorial from -not gonna name it- =)

  • @zihaolin1935
    @zihaolin1935 5 лет назад +2

    Thanks for your teaching!

  • @mcoimax4723
    @mcoimax4723 6 лет назад

    Great explanation, finally I get prototypes in js, thanks :)

  • @divya101993
    @divya101993 5 лет назад

    clear explanation of the concept, thanks for the video !!

  • @ideshmaaerdene-ochir4247
    @ideshmaaerdene-ochir4247 4 года назад

    Very good tutorial. Thank you

  • @Ryeback101
    @Ryeback101 6 лет назад

    Great explanation

  • @carpediem73
    @carpediem73 4 года назад

    thank you, your tutorials are very good.

  • @alexthomas9779
    @alexthomas9779 7 лет назад +1

    Perfect! Thank you so much for your videos.

  • @JonnyBeoulve
    @JonnyBeoulve 6 лет назад

    Outstanding.

  • @jamesgrant5838
    @jamesgrant5838 8 лет назад

    Excellent tutorial!

  • @dlouise64
    @dlouise64 7 лет назад +2

    You're a great tutor. Thank you so much!

    • @yeeli7989
      @yeeli7989 6 лет назад +1

      You're a cute girl. Thank you for marrying me

  • @abeprangishvili
    @abeprangishvili 5 лет назад

    Finally understand !!!! thank you a lof !!!

  • @mustaphag
    @mustaphag 8 лет назад

    As always, good job

  • @nv557
    @nv557 8 лет назад

    Very well explained!

  • @vivek0403
    @vivek0403 6 лет назад

    well explained sir...

  • @muhammadsafiullah8428
    @muhammadsafiullah8428 5 лет назад

    I loved this.

  • @eddiegere
    @eddiegere 8 лет назад

    Great tutorial!!! Well explained! Thank you.

  • @pradnyas8898
    @pradnyas8898 8 лет назад

    very well explained !!!

  • @smonkey001
    @smonkey001 6 лет назад

    You got your own view and you explain things very well. Good job sir. Way better than that guy codexxxxxx teaching fundamental yet using unnecessary library like mustache.js

  • @ErinnKayy
    @ErinnKayy 6 лет назад

    thank you for the explanation. it helps me alot!!

  • @abeershami172
    @abeershami172 7 лет назад +1

    amazing thank you I think now that I'll get a full mark in the assessment ♥

  • @1988proxy
    @1988proxy 5 лет назад

    Thank you very much for this video!!!

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

    Awesome😍🌹

  • @vincenthoward9378
    @vincenthoward9378 6 лет назад

    You're a god. Thank you

  • @Slacks
    @Slacks 5 лет назад +4

    I feel like I can conquer the world after seeing this.

  • @terrance_corley
    @terrance_corley 6 лет назад

    Really well explained, thank you!

  • @morrisonx
    @morrisonx 7 лет назад +1

    Excellent! it is finally clear. ( Like and subscribed )

  • @AndreasQuinones
    @AndreasQuinones 7 лет назад +1

    Thank you for this! Very good explanation.

  • @manikandaprabakaran6849
    @manikandaprabakaran6849 7 лет назад

    I had many a confusion on prototype. Finally, Gotcha :=) And subscribed too :)

  • @subramaniamananthakrishnan6593
    @subramaniamananthakrishnan6593 6 лет назад +1

    Great explanation sir !!!

  • @allenngorora7369
    @allenngorora7369 7 лет назад

    Thanks man.I got the explanation I needed

  • @OpsFox245
    @OpsFox245 6 лет назад

    Thank you, I could not figure these things out for the life of me.

  • @pouvoircerveau7826
    @pouvoircerveau7826 6 лет назад +2

    from myHeart.prototype thank you a lot .

    • @puvaasam
      @puvaasam 5 лет назад

      Is that prototype property or attribute?.. since js has prototype property and prototype attribute

  • @miloszivaljevic287
    @miloszivaljevic287 6 лет назад

    Great video :)

  • @muhannadjudah5302
    @muhannadjudah5302 5 лет назад +1

    this is amazing man , keep going

  • @samsam-zu7zc
    @samsam-zu7zc 4 года назад +1

    thanks a lot

  • @chakravarthye
    @chakravarthye 7 лет назад +1

    Beautifully explained :)
    Great job

  • @gouthamgr5839
    @gouthamgr5839 5 лет назад +1

    Tysm Sir!!

  • @VinothKumar5403
    @VinothKumar5403 7 лет назад

    awesome tutorial sir!.pls do video for developer tool debugging..that would be really helpful.thanks for reading my comments.i hope you will make it.

  • @krzysztofkrawczynski9404
    @krzysztofkrawczynski9404 5 лет назад +1

    Great tutorial, thank you :)

  • @hectorkaizenf.v.7224
    @hectorkaizenf.v.7224 4 года назад +1

    HELLO, why with arrow function makes undefinied?
    x.prototype.getJ = () => this.j

    • @Techsithtube
      @Techsithtube  4 года назад

      arrow function dont bind to this. which means it takes this from its outer scope and if you dont have outer scope with j. it will give undefined.

    • @hectorkaizenf.v.7224
      @hectorkaizenf.v.7224 4 года назад

      @@Techsithtube woow thaks for answer

  • @rick_from_yr
    @rick_from_yr 5 лет назад +1

    thank you too much for this tutorial about objects in JS is the best I've ever seen :D even better than Mozilla's

  • @tranhuynhuc5497
    @tranhuynhuc5497 6 лет назад +1

    Great! thank you so much

  • @MadalinaFlorina
    @MadalinaFlorina 5 лет назад +1

    Thank you ! A LOT !

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

    Thanks my boy !!

  • @shivGGG
    @shivGGG 4 года назад

    Nice

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

    Thanks man!!

  • @mohankadolkar1227
    @mohankadolkar1227 5 лет назад

    Even after umpteen articles and videos I was still confused about prototype(partly because of a lot of terminology namely prototype, __proto__, constructor proto, etc.). However, this video has made the basic idea of prototype very clear. I enjoyed the session till the end. Could you throw more light on these terms that are used interchangeably and perhaps mean the same. Also, what comes first: the master Object or its constructor function? Thanks.

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

    Thanx my manzzzz

  • @m.r.c.prasad3482
    @m.r.c.prasad3482 7 лет назад

    Hi,
    The videos are nice and easy to understand. Can you provide angular 2 videos as well in such a practical approach.

  • @david43993
    @david43993 7 лет назад

    You are my favorite teacher on internet ! thank you very much for your tutos i learned a lot ! I have one question maybe you could explain to me. What is the difference between new and object.create and what is the better practice ?

    • @Techsithtube
      @Techsithtube  7 лет назад

      Thank for watching :) object.create actually creates prototype from the object while new doesnt create prototype.
      see this exmple
      let x = function() {};
      x.prototype.add = function() {
      return 3;
      }
      let y = Object.create(x);
      console.log(y)
      let z = new x();
      console.log(z)
      Here y is going to have add as a prototype method
      and z is going to have add as its own method.

  • @mrxcs
    @mrxcs 7 лет назад

    I am reading the book "Eloquent Javascript" that everyone says is good, but it's really bad in explain things. It's good to present you the subject and have good exercises but that's it. Without your video I would never understand that.

    • @Techsithtube
      @Techsithtube  7 лет назад

      Its a very good book but it doesn't always explain in a simple language.

  • @NovaMenteMedia
    @NovaMenteMedia 7 лет назад

    Hi , in the first slide shoulnt' the methods and properties point to the prototype of the new function x1 ?