9.19: Prototypes in Javascript - p5.js Tutorial

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

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

  • @AnnyMus-rc2zh
    @AnnyMus-rc2zh 5 лет назад +89

    whenever I have a hard time understanding a concept in JS, I check if you have made a video on it. You explain things so well and really help me visualise what is happening under the hood. Thank you!

  • @simpleprogramming4671
    @simpleprogramming4671 5 лет назад +244

    holy moly! I've never seen such an energetic programmer like him. :))

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

      Watch David Malan from Harvard's CS50 then!!! hahahaha

    • @conorwood
      @conorwood 4 года назад +3

      Especially when viewing in 2x speed

    • @aryany5737
      @aryany5737 4 года назад +1

      you said it!

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

      I honestly love Daniel so much because I relate to his personality! Hahah

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

      damn I agree! I love this guy!

  • @armaandhanji2112
    @armaandhanji2112 7 лет назад +126

    this is the first time I ever understood what the heck a prototype is. brilliant teacher. can't wait for next video on inheritance

  • @jamesjones2212
    @jamesjones2212 3 года назад +29

    As a programmer with ADHD who after 10 years still struggles much harder than your avg programmer this guy is awesome! :)

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

    There might be faster ways of learning coding, but this guy makes me feel like WE are on an adventure! LOL love it.

  • @metalslug97
    @metalslug97 5 лет назад +6

    I love this format of teaching. going through the ad-lib struggle of exploring new concepts and trying to make sense of the missing pieces only makes me more curious to learn. You sir are an amazing teacher.

  • @syeda.k.2934
    @syeda.k.2934 3 года назад

    Never ever ever delete ur videos... what u teach in the moment from the top of ur head is gold.

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

    Please don't delete these, as suggested at minute 18! This video just made everything click into place for me. So helpful. Thank you!

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

    Amazing energy and great skill to explain. Rarely in my 30 yrs from programming to managing complex architectures (CDO) seen such density of information delivery. Bravo, maestro.

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

    Finally an explanation that made sense to me. Switching between code and whiteboard made it all finally click. Then entire presentation was fun and interesting and actually really clear, even though on the surface it seemed to jump all over. Amazing job. I'll definitely be subscribing so I can watch more. These are great! Thanks for making it so much fun to watch a programming tutorial.

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

    This man's enthusiasm is all I need in my life right now.

  • @climbers1376
    @climbers1376 6 лет назад +21

    7:42-9:00, "prototype chain"
    --15:33-16:43, "hasOwnProperty()" investigates "prototype chain"
    3:44-7:32, I. object property list
    10:45-11:20, II. prototype property list/13:17-13:22, "_proto_"/XXX.prototype
    --11:37-12:23, how to add functions to property list/_proto_
    13:2314:13, III. object prototype property list/"Object.prototype"

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

    Every now and then I come across your videos randomly. You are by far the best at explaining dry, overly- complex topics. I'm an experienced full-stack developer. I learn something every time time I watch one of your videos. I've taken university courses, professional development training, online subscriptions to e-learning sites. Your approach blows them all out of the water. Clear, fun and to the point. Thank you. I pick up more from you in 20 minutes than I do from a day of reading MDN documentation. Anyone disagrees, I suggest reading developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object_prototypes, and then watching this video. Cheers.

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

    Lovely! much energetic and informative. Who watches this in 2x speed, try it. The man is dancing while delivering lovely information. Thumbs up!

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

    Even if you have no clue about JavaScript. In this video you will understand prototyping. Great video !!!

  • @setupdraw7642
    @setupdraw7642 7 лет назад +13

    This was very, very interesting for me, better understanding how Javascript works. Thank you!
    P.S. Please, never ever delete your vids, I would feel quite lost.

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

    sometimes your videos awaken me out of my sleep in the late nights.love your your attitude and humour

  • @yevheniiherasymchuk
    @yevheniiherasymchuk 7 лет назад +9

    I think we should share this channel in all tutorials for beginners. Information is so useful. I'm happy that I can learn it with you. Thank you!))

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

    You are the Bob Ross of programming!

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

    The passion of coding shows in your attitude.
    To the point and very energetic .. lol
    Love your tutorials. Keep em coming.

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

    Honestly, learning how to find every function that is built into a certain object might be the most important thing we've learned from you. Not sure how to do something to a vector? Just create a vector and then go to the console. Fantastic.

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

    I've been "fortunate" enough that my web teacher as shown us the class syntax from the get-go... I put that in quotes because when it comes to ANY external library that's out there such as jQuery, Howler, etc, I needed the prototype syntax knowledge to figure their contents out. Thank you!

  • @vineetbramhankar8099
    @vineetbramhankar8099 4 года назад +1

    Extremely energetic video and no need to mention what a brilliant way to teach

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

    I came from MDN documentation and ended up here.
    I am soo grateful that I clicked on this video, thanks soo much for the great work

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

    You are awesone, i wish that all teachers had the same passion to teach as you. Grettings from Barranquilla, Colombia.

  • @Lee14G
    @Lee14G 4 года назад +3

    Thank you so much! I literally have paid for Udemy courses on JS that haven't explained it this well. I sat here with a notebook taking notes. I understand the topic of Prototypes much better now!

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

    I looked all over MDN and repeated parts of my Udemy course but no one explained object prototype better than this guy. I had the biggest "AHHA moment" and to top it all off he's so charismatic, he had my undivided attention throughout the video. Excellent Work ^_^

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

    My teacher discussed this for 2 hours and I was so lost. I watched your video bam! I get it! Amazing!

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

      @Amy White yes and I don't really like people who ask for another person's sexuality on a youtube comment about Javascript. no judgement.

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

    this is the teacher we need. makes boring subject very interesting

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

    Telling me not to watch the video in the first 30 seconds earned you an automatic like! I love it!

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

    7 min in and its already way better explanation than the rest of what if seen

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

    You're so entertaining to watch. You take the BORING out of CODING.

  • @RatanSingh-wv8ht
    @RatanSingh-wv8ht 6 лет назад

    What you explained on the white board helped me understand Prototype better. Thanks.

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

    this guy is the funniest person in the javascript(and probably the whole programming) world. I LOVE HIM

  • @michaelthomas-op6zi
    @michaelthomas-op6zi 6 лет назад

    You are very good at getting across the construct. Relevance, explanation and example all help to give context to the construct. Thank you

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

    I wish u were my teacher when I used to learn at school. U're fantastic !
    Prototypes has no secrets for me now !

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

    I fucking love your style of teaching.
    Thanks for not being boring!

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

    today is the day i understood prototype. after 6 years
    thank you man.

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

    Finally I understand what prototype is. Thank you very much.

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

    Dude, I love the way you talk, and the knowledges you teach, this is really useful with me, thank you so much!

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

    Im currently learning vanilla js, but I just love how easy the concepts in your videos are to digest. Thank you very much for doing these :)

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

    Great video! I learn a little more from each new video. Can't wait for the one on "this".

  • @100marocain2
    @100marocain2 3 года назад +1

    this video wasnt a desaster but it was so useful, thanks bro so much

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

    The way you teach programming is commendable. Thank you for such an awesome tutorial.

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

    You are brilliant! I have struggled with understanding prototypes and now I do ! I learn so much from your videos. Thank you so much

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

    Don't delete this video it's GREAT! :) Thank you!

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

    Yet another gem. I too can't wait for the inheritance follow-up. thanks Dan!

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

    This guy is a legend ! You can't explain it better

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

    If some one have ever learn java or c++, then it is fun fun fun to understand all other languages....
    And for compliment you're amazing.... this channel provides knowledge with fun .....

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

    Your understanding of programming is amazing.

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

    Really appreciate your teaching style and how you make learning fun. Thank you for taking the time to make these videos.

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

    i was about 1 week moving from book /video to an other to understand it >>>but finally i understanded it due to you
    "thank you "

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

    You're lessons are terrific, mate. Really helping me to understand these tricky areas of JS.

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

    You are an inspirational teacher. As soon as i get a job in which i can afford to donate i will visit your patreon! Take it easy!

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

    i was always looking for such a teacher who can teach in funny way ...lol ,keep it up man..

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

    Best teacher I've ever seen

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

    i wish i can give you hundreds of like for the way you explain the things .
    thank you sooooooooooooooooooooooooooooooooooooo much

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

    You are so passionate at teaching codes and I like your way of teaching! You gained my sub sir! Thank you so much for letting me understand prototypes. Now I can go with the challenges I encountered in my online course

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

    Easily the best explanation I've seen, thank you

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

    FINALLY. Thanks for the informative video. Finally figured out prototypes.

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

    Thank you very much for taking the time to make this topic accessible to us.

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

    Damn, you make some great videos! Very clear and concise and I appreciate you putting all the code on Github, makes it really easy to follow along!

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

    This guy has a great sense of humor and it's a pleasure to listen to him :D even if that's not your subject.

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

    I love this guy's energy

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

    your way of teaching is awesome

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

    You are the best teacher a programmer could wish for

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

    Finally someone could explain me clearly what this is for... thank you!!

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

    The Coding Train...new name? Sweet...choo chooo

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

    How did createVector() reference the p5.vector() prototype? I can see the chainlink between p5 and object.prototype, but i cant see how createVector() has access to the double() you added to p5. What did i miss?

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

    The best moment on the video 18:04. The best part!!!

  • @Mohit-cn2us
    @Mohit-cn2us 4 года назад +1

    *this guy is naturally high, great content :-)*

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

    passion makes a great teacher

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

    oh man, i really love your videos, please never stop!

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

    Thank you so much for the subtitle. English is not my native language .The subtitle help me a lot .

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

    I love the way you teach and your amazing passion for teaching! Thank you so much :)

  • @programandocomputadorescom5215
    @programandocomputadorescom5215 7 лет назад +36

    You are fantastic!
    Thanks!

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

    Sir. You are a master of your trade

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

    i am watching this in 2023 and my god what an excillent teacher, i will never forget this concept again

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

    How does he pre-loaded the sketch.js file in the browser in 3:40 ? I am having a "Uncaught ReferenceError: Particle is not defined at :1:9" error

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

      in the p5js library, we have a function named Setup() it's like a window on-load function in native Js. I hope I get ur question

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

      Make sure you have particle.js linked in index.html

  • @HeyImaTree
    @HeyImaTree 7 лет назад +9

    i love you man. keep up the good work

  • @marko.rankovic
    @marko.rankovic 2 года назад

    Thanks for this informative video on the prototype chain which really confused me!
    18:04: Oh my God what was that!? Were you okay there? 😂

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

    bro your awesome keep it up make learning fun and hold my attention hard to find when it comes to this topic!

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

    You Sir are hilarious and an amazing teacher! Please never change and thank you for sharing your knowledge!

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

    Thanks man. Your videos are so funny and educational. I've learned so much and I really appreciate it.

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

    Very good video and a nice way of explaining the basic concept of Prototype. Thank you.

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

    Thanks for making me understand prototype, thank you!

  • @sushmithasnataraj5122
    @sushmithasnataraj5122 4 года назад +1

    You are funny in a good way :P Thank you so much for the great content.

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

    This video is a GEMMMM

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

    Awesome and helpful as always..I really love your teaching...thank you for explaining in such an easy way..

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

    Hi The Coding Train. If someone logged into a website built on firebase using login and pass, how would you redirect that user to another page?

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

    So so fantastic (y). You give me a deeper understanding about prototypes. Followed you ;)

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

    I've subscribed. I just love your exuberance.

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

    Awesome!! I'm learning to much with your videos!! Keep going!!

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

    These are the best javascript tutorials * ~ *

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

    4:40 when I write p = new Particle(); in order to not needing to keep it writing it in the console as he said it doesn't work. I see p in the list but it's undefined
    function Particle(){
    this.x = 100
    this.y = 99
    this.show = function(){
    point(this.x, this.y);
    }
    }
    var p;
    function setup() {
    createCanvas(600, 300);
    p = new Particle();
    }

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

    I don't think I got it completely but most off it ill be sure to check out this video again if I come across a scenario to possibly use it! But hey if I can even almost understand it after just short of half a year of JavaScript class, I think i am doing pretty well so far. :D

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

      There's no scenario, you should always use that!

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

    Genius! definitely a new kind of super hero.

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

    I'm a newbie web programmer and I find this sooo interesting...

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

    You have a good knack for teaching. Many will benefit. Thanks again!

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

    great work , very clear to follow for me