9.19: Prototypes in Javascript - p5.js Tutorial

Просмотров 257 тыс.

% 7 813

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: patreon.com/codingtrain
Send me your questions and coding challenges!: github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: shiffman
The Coding Train website: thecodingtrain.com/
Links discussed in this video:
My Steering Behaviors on the word "Train" video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4hA7G3gup-4.html
Douglas Crockford's video on prototypes(and many more subjects): ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-DwYPG6vreJg.html
Prototypes on MDN: developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype
Source Code for the all Video Lessons: github.com/CodingTrain/Rainbow-Code
p5.js: p5js.org/
Processing: processing.org
For More Coding Challenges: ru-vid.com/group/PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: ru-vid.com/group/PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
amara.org/v/4XSk/
📄 Code of Conduct: github.com/CodingTrain/Code-of-Conduct

Опубликовано:

22 фев 2017

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 446

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

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 5 лет назад

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

@andredesantana2188 4 года назад

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

@conorwood 4 года назад

Especially when viewing in 2x speed

@aryany5737 4 года назад

you said it!

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

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

@isaacnewtonaranas3770 3 года назад

damn I agree! I love this guy!

@armaandhanji2112 7 лет назад

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 7 лет назад

Thanks for the nice feedback!

@jamesjones2212 3 года назад

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

@metalslug97 4 года назад

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.

@mattsmith6828 Год назад

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

@nekoresOfficial 3 года назад

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

@danielluna7648 3 года назад

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

@karjedav 4 года назад

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

@darerihter5685 2 года назад

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 7 лет назад

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.

@climbers1376 5 лет назад

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"

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

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

@jaredsmith8003 6 лет назад

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 6 лет назад

This is such nice feedback, thank you!

@yevheniiherasymchuk 7 лет назад

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 7 лет назад

THank you!

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

@sergioangel8362 6 лет назад

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

@abeechr 7 лет назад

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

@gamestv4875 4 года назад

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

@chrisoleary8401 3 года назад

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

@EpicGamerNC 7 лет назад

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

@fuckyeahnigge 7 лет назад

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

@jithinkg9865 6 лет назад

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

@PakArchives 3 года назад

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

@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

@markroberts6574 5 лет назад

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.

@vineetbramhankar8099 3 года назад

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

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

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

@PabloBassil 7 лет назад

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

@mehmeterkan9193 5 лет назад

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

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

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

@scotthofbauer5448 4 года назад

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!

@typicallucas4164 7 лет назад

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

@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

@claudiusrauter 7 лет назад

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

@UstedTubo187 5 лет назад

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

@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

@TheCodingTrain 7 лет назад

So glad to hear, thank you!

@nikitamalpani8602 5 лет назад

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

@plusme3000 7 лет назад

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

@jrdn129 7 лет назад

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

@HeyImaTree 7 лет назад

i love you man. keep up the good work

@stivemangala2215 5 лет назад

Your understanding of programming is amazing.

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

@cmcdonough2 6 лет назад

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

@CamiloAcevedo1993 5 лет назад

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

@sandstorm_lp 5 лет назад

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

@deadxleaves 7 лет назад

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

@bjarkesporring9859 7 лет назад

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

@sleepingUgly 2 года назад

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

@darkfafi 7 лет назад

You are the best teacher a programmer could wish for

@DeadGodMetal Год назад

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

@MajidFouladpour 3 года назад

You are the Bob Ross of programming!

@kerimtim 5 лет назад

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.

@codybui6252 Год назад

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

@programandocomputadorescom5215 7 лет назад

You are fantastic! Thanks!

@TheCodingTrain 7 лет назад

Thank you!

@FromRootsToRadicals_INTP Год назад

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

@Kirshach 3 года назад

Easily the best explanation I've seen, thank you

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

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

@muabyt7333 7 лет назад

Fantastic... like always

@chrisveal391 4 года назад

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

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

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

I love this guy's energy

@Incredible701 5 лет назад

Amazing explanation. Thanks :) I love your enthusiasm btw

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

@kobe248ryant 3 года назад

Thanks for making me understand prototype, thank you!

@gime1945 7 лет назад

Crystal clear! Thank You!

@SuperSamsosa 4 года назад

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

@mahmoudhammmad8089 5 лет назад

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 "

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

your way of teaching is awesome

@Smongo412 7 лет назад

passion makes a great teacher

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

@iamsoorena 6 лет назад

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

@TheCodingTrain 6 лет назад

thank you!

@yckieh568 5 лет назад

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

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

@MasterZiomekPL 5 лет назад

Best teacher I've ever seen

@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

@TheCodingTrain 5 лет назад

Glad to hear!