9.19: Prototypes in Javascript - p5.js Tutorial

In this video, I examine the concept of "Prototype" in the JavaScript programming language. I look at how you can attach methods to objects via prototype (for both objects of existing JS types or your own). I also discuss the "prototype chain" and prototypal inheritance.
Support this channel on Patreon: / codingtrain
Send me your questions and coding challenges!: github.com/CodingTrain/Rainbo...
Contact:
Twitter: / shiffman
The Coding Train website: thecodingtrain.com/
Links discussed in this video:
My Steering Behaviors on the word "Train" video: • Coding Challenge #59: ...
Douglas Crockford's video on prototypes(and many more subjects): • Douglas Crockford: Adv...
Prototypes on MDN: developer.mozilla.org/en/docs...
Source Code for the all Video Lessons: github.com/CodingTrain/Rainbo...
p5.js: p5js.org/
Processing: processing.org
For More Coding Challenges: • Coding Challenges
For an Intro to Programming using p5.js: • Start learning here!
Help us caption & translate this video!
amara.org/v/4XSk/
📄 Code of Conduct: github.com/CodingTrain/Code-o...

[@simpleprogramming4671]

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

[@andredesantana2188]

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

[@conorwood]

Especially when viewing in 2x speed

[@aryany5737]

you said it!

[@migueltejeda3869]

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

[@isaacnewtonaranas3770]

damn I agree! I love this guy!

[@AnnyMus-rc2zh]

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!

[@jamesjones2212]

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

[@armaandhanji2112]

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

[@TheCodingTrain]

Thanks for the nice feedback!

[@mattsmith6828]

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

[@metalslug97]

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.

[@danielluna7648]

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

[@nekoresOfficial]

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

[@climbers1376]

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"

[@karjedav]

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

[@syeda.k.2934]

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

[@markroberts6574]

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.

[@darerihter5685]

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.

[@setupdraw7642]

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.

[@fuckyeahnigge]

Dude, you are a legend, beyond, fucking MEASURE!

[@TheEmperorXavier]

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

[@jaredsmith8003]

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.

[@TheCodingTrain]

This is such nice feedback, thank you!

[@jrdn129]

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

[@yevheniiherasymchuk]

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

[@TheCodingTrain]

THank you!

[@MajidFouladpour]

You are the Bob Ross of programming!

[@The12West]

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

[@mehmeterkan9193]

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

[@sergioangel8362]

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

[@iamsoorena]

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

[@TheCodingTrain]

thank you!

[@PakArchives]

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

[@chrisoleary8401]

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

[@goofyrice]

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.

[@abeechr]

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

[@yckieh568]

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

[@yckieh568]

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

[@SuperSamsosa]

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

[@gamestv4875]

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

[@vineetbramhankar8099]

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

[@michaelthomas-op6zi]

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

[@RatanSingh-wv8ht]

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

[@jithinkg9865]

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

[@plusme3000]

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

[@stivemangala2215]

Your understanding of programming is amazing.

[@codybui6252]

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

[@MisterNorthernCanuck]

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!

[@PabloBassil]

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

[@shahvirat1990]

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

[@EpicGamerNC]

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

[@nikitamalpani8602]

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

[@programandocomputadorescom5215]

You are fantastic! Thanks!

[@TheCodingTrain]

Thank you!

[@typicallucas4164]

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

[@iamworstgamer]

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

[@sandstorm_lp]

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

[@UstedTubo187]

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

[@bjarkesporring9859]

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

[@mahmoudhammmad8089]

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 "

[@kerimtim]

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.

[@thangha8289]

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

[@XboneAus]

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 ^_^

[@glorayyeee]

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

[@darkfafi]

You are the best teacher a programmer could wish for

[@ugarz]

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

[@HeyImaTree]

i love you man. keep up the good work

[@michaelpimenteljr3530]

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

[@TheCodingTrain]

So glad to hear, thank you!

[@antoineweb1]

Thank you so much for such a brilliant performance.

[@muabyt7333]

Fantastic... like always

[@Kirshach]

Easily the best explanation I've seen, thank you

[@deadxleaves]

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

[@gime1945]

Crystal clear! Thank You!

[@cmcdonough2]

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

[@webi9173]

Hi Dan, thanks for your videos and your good mood ! What's the font you use and the color scheme ? Thanks.

[@jony1495]

cool stuff! is it possible to connect your mouse position to points on a p5js canvas? say you wanted to connect lots of dots to your mouse location with lines

[@Incredible701]

Amazing explanation. Thanks :) I love your enthusiasm btw

[@DeadGodMetal]

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

[@scotthofbauer5448]

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!

[@joshwil7176]

This was an amazing explanation. Thank you !!

[@3xtraspicy]

Amazing! Thank you so much for sharing your knowledge :)

[@100marocain2]

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

[@athenkosinkonyeni1472]

I love this guy's energy

[@MasterZiomekPL]

Best teacher I've ever seen

[@CamiloAcevedo1993]

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

[@sleepingUgly]

hey this was really nice.. really cool examples and segways into different topics thank you

[@claudiusrauter]

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

[@aniekutmfonekere740]

your way of teaching is awesome

[@kobe248ryant]

Thanks for making me understand prototype, thank you!

[@TheMarrouane]

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

[@talk2s5061X]

good video man, you explain concepts very well

[@rosgarcia6999]

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

[@TheCodingTrain]

Glad to hear!

[@shadkhel4306]

Thank you for the great presentation.

[@moltobene1528]

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

[@TheCodingTrain]

Appreciate it, thank you!

[@mrHuangEnglish]

Very impressive and very helpful! Thanks very much!!

[@Smongo412]

passion makes a great teacher

[@pauljavadi1906]

Very well explained. Thank you

[@xen0076]

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

[@jamjam3448]

I've subscribed. I just love your exuberance.

[@gsrcreations108]

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

[@yogeshbhatt3806]

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

[@puyanwei]

So just to be clear, prototypes are a way reusing functions within an object that might be repeated within other objects? if we created another object Square then called square.show in draw, will it use the properties in Particle.prototype.show (point x and y of particle) and display them too?

[@donnguyen5164]

Very good tutorial as well as entertaining!

[@carolinahernandezphillips5897]

I loved this video! Thank you very much, you are a great teacher :)

[@mjarc1]

He should be in an interdimensional cable tv show in Rick and Morty

[@noutkleef4458]

Great video, I was just about to read up on this, but your videos make learning about it a lot more fun! BTW, am I correct to say that defining a property in the prototype has the same effect as defining a property as static in languages like Java? Greetings from the Netherlands

[@bennaylor4585]

What an excellent teacher! Thank you :D

[@greggorangio8047]

Did you ever make a video to follow-up on this one discussing further prototype related topics, such as inheritance, polymorphism, classes?

[@notNewlyBorn]

Brilliant, brilliant! Thank you and keep up your good work :)

[@jakmerejim575]

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?