Тёмный
No video :(

Object Oriented JavaScript 

Derek Banas
Подписаться 1,3 млн
Просмотров 396 тыс.
50% 1

Get the Cheat Sheet Here : goo.gl/CQVZsW
Best Object Oriented JavaScript Book : amzn.to/1L0Mvs8
Support me on Patreon : / derekbanas
MY UDEMY COURSES ARE 87.5% OFF TIL December 19th ($9.99) ONE IS FREE
➡️ Python Data Science Series for $9.99 : Highest Rated & Largest Python Udemy Course + 56 Hrs + 200 Videos + Data Science bit.ly/Master_...
➡️ C++ Programming Bootcamp Series for $9.99 : Over 23 Hrs + 53 Videos + Quizzes + Graded Assignments + New Videos Every Month bit.ly/C_Cours...
➡️ FREE 15 hour Golang Course!!! : bit.ly/go-tuto...
01:50 JavaScript Objects
02:36 Objects in Objects
04:12 Constructor Functions
05:58 instanceof
06:28 Passing Objects to Functions
08:09 Prototypes
09:34 Adding Properties to Objects
10:44 List Properties in Objects
11:38 hasOwnProperty
12:42 Add Properties to Built in Objects
14:31 Private Properties
18:01 Getters / Setters
21:20 defineGetter / defineSetter
24:38 defineProperty
27:07 Constructor Function Getters / Setters
29:40 Inheritance
37:13 Intermediate Function Inheritance
39:14 Call Parent Functions
41:51 ECMAScript 6
47:31 Singleton Pattern
49:32 Factory Pattern
52:53 Decorator Pattern
54:52 Observer Pattern

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

 

29 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 718   
@P8860
@P8860 9 лет назад
I've read countless JavaScript blogs and books on Constructors and Prototypes but they don't explain it as crystal clear as you do. You should seriously write a book man. Would love to see you break down and pick apart an angular or node.js tutorial. Thanks for making these videos. I know making them takes ALOT of work and time to develop.
@derekbanas
@derekbanas 9 лет назад
+P8860 Thank you :) it is nice to hear that I cleared everything up. Maybe I'll make a book some day and sell it for $1 just to see how many sell. Angular and Node are coming right after JQuery.
@abdelouery4114
@abdelouery4114 9 лет назад
Your channel is like a big book of secrets, contains every thing a programmer needs to know about a programming language, Thank you fo that :)
@derekbanas
@derekbanas 9 лет назад
+Abdel Ouery Thank you for the compliment :) You're very welcome
@Mireda-wr3yc
@Mireda-wr3yc 9 лет назад
+Abdel Ouery , i totally agree with you, he's better than my real teachers here ,every year i graduate is because of his tutorials ,so thank you again sir +Derek
@xadam123
@xadam123 9 лет назад
+Derek Banas can you make bash in one video
@rerebacchus
@rerebacchus 8 лет назад
+Abdel Ouery except theyre not secrets. theyre in books too. :D
@ThatViralVideo
@ThatViralVideo 8 лет назад
Right now we're flying at an altitude of 36,000 feet....
@simonj3342
@simonj3342 8 лет назад
hahah he really does have the perfect voice for it
@finkygsd2720
@finkygsd2720 7 лет назад
EPIC!
@muhammadidrees6650
@muhammadidrees6650 6 лет назад
hahahaha
@henkprinsloo1743
@henkprinsloo1743 6 лет назад
Hilarious! Exits to your left and right
@dudegoodman
@dudegoodman 8 лет назад
I'm only 35 minutes but you've already solidified a few concepts that have been somewhat unclear to me for the last few months. My sincere gratitude! Thanks!
@derekbanas
@derekbanas 8 лет назад
+Derrik Nasca You're very welcome :) I'm happy that I could help.
@jeannemccabe5752
@jeannemccabe5752 7 лет назад
Adding the time stamps is a wonderful idea. When I am not just trying to learn from you tube videos, but trying to do a real program, I can never remember a useful video. This will make finding your examples so much easier. Thanks for going the extra mile.
@derekbanas
@derekbanas 7 лет назад
I'm very happy that they help :)
@miabellasalonandmedicalspa2822
The most concise and clear tutorial in JS OOP I've ever watched. One request is a link to a project where I can practice on. Maybe a CRUD project like Customer Management or something else?
@derekbanas
@derekbanas 8 лет назад
Thank you very much :) I'll see what I can do about the request
@syzrael1
@syzrael1 7 лет назад
30:37 multilevel polymorphism like living>animal>mammal>human>citizen>employee
@ParrhesiaJoe
@ParrhesiaJoe 8 лет назад
This is a superior video to those I've watched recently. I'm coming from C#/C++ with very little javascript, and I was looking for a good primer. You are: #1 Easy to understand. Good communicator. Clear audio. #2 Concise and quick with your accompanying code. #3 Smart about the educational route you go down. I think this is too dense for a beginning programmer to learn from in one go, and my only advice to them would be... watch it four times. It is hard to find information of this quality and density presented by someone without an Indian accent... (I'm only half joking)
@derekbanas
@derekbanas 8 лет назад
Thank you for the very nice compliments :) I greatly appreciate them.
@DarkPsy4
@DarkPsy4 7 лет назад
This is freakin' legendary! The best part I like about your style is how you are so quick in going over concepts, which all the other tutors take ages to go through at the ultimate cost of the student completely giving up on the tutorial! Great job sir!
@derekbanas
@derekbanas 7 лет назад
Thank you for the compliment :) I'm very happy that the videos help
@robkremers
@robkremers 8 лет назад
Thanks Derek for this and for the tutorial 'Learn JavaScript in one video'. I have chewed on the book 'JavaScript The Definitive Guide'. So I had some knowledge regarding JavaScript but these two videos are given an awesome overview, connects everything and every bit of JavaScript comes to life. Amazingly good stuff!
@derekbanas
@derekbanas 8 лет назад
+robkremers Thank you :) You're very welcome
@kal-el-shadowfax1189
@kal-el-shadowfax1189 7 лет назад
This video explains OOPs concepts in JS perfectly and to the point, instead of going in circles when reading any book! Thanks much!
@derekbanas
@derekbanas 7 лет назад
Thank you :) I'm glad it helped
@sandyagosandy
@sandyagosandy 8 лет назад
I am not able to handle more than 2 languages at one point of time, how is is possible to give such an awesome explanation on almost all programming languages out there. Am awestruck! You are a superman!
@derekbanas
@derekbanas 8 лет назад
+Sandeep Devaraj Thank you for the compliment :) I guess I have just been switching back and forth for so long it is natural. I definitely prefer some languages over others though
@velocitynetworking2439
@velocitynetworking2439 5 лет назад
I believe this may clear some confusion. At around 32:44 Derek says that when the prototype is changed (from the base Object (which is default )) , that the prototype.constructor will point to the Object object... In reality it points to the function the prototype Object was set with: function Animal(){ this.kind="Animal" this.breathing="yes" }//default prototype =object Object function Cat(){ this.type="Cat" this.sound="meeow" } Cat.prototype=new Animal(); //set new prototype ...mess up .constructor /// needs Cat.prototype.constructor=Cat ......to be accurate var kitty1=new Cat(); console.log(kitty1.constructor) ///// Logs: function Animal(){ this.kind="Animal" this.breathing="yes" }------incorrect
@StingJia
@StingJia 8 лет назад
For get and set , I think you should name both getAddress and setAddress just to address. It makes more sense.
@stevenlane6963
@stevenlane6963 6 лет назад
The 'PERFECT' technologist and 'MASTER' instructor!!
@derekbanas
@derekbanas 6 лет назад
Thank you for the nice compliment :)
@jesusmiguel1560
@jesusmiguel1560 9 лет назад
It would be very cool if you start doing tutorials with projects. Like learning JavaScript by doing a dynamic site, learning HTML by doing a static site, etc. Great tutorials by the way.
@derekbanas
@derekbanas 9 лет назад
+Jesus-Pierre-Miguel Salgado III Thank you :) I think I kind of did that in the past and those videos still hold up. I made sliders, tons of website layouts, shopping carts, etc. They are kind of hard to find in my sea of 700 videos, but I'll point you towards them if you'd like to see something specific.
@jesusmiguel1560
@jesusmiguel1560 9 лет назад
Derek Banas If you could point me to those videos, that would be great.
@derekbanas
@derekbanas 9 лет назад
+Jesus-Pierre-Miguel Salgado III This will give you a bunch www.newthinktank.com/?s=website+layout I have over 100 Wordpress videos in which I make real things with JavaScript and PHP here www.newthinktank.com/videos/web-programming/wordpress-how-to/ I made a shopping cart here www.newthinktank.com/2011/12/wordpress-shopping-cart-tutorial/
@jesusmiguel1560
@jesusmiguel1560 9 лет назад
Derek Banas Thank you.
@joesiff
@joesiff 9 лет назад
I like your presentation. It makes it easier to understand whereas other tutorials can be quite messy.
@derekbanas
@derekbanas 9 лет назад
+Jumbled Code Thank you :) My number 1 goal is to make everything understandable.
@bool2max
@bool2max 9 лет назад
I didn't understand OO JS before this video. Thanks!
@derekbanas
@derekbanas 9 лет назад
+Bogdan Mitrovic Your welcome :) I'm happy that I cleared it up.
@RatchetSK
@RatchetSK 9 лет назад
BY FAR the best books for javascript are the 'You don't know JS' series. definitely check them out
@LouSaydus
@LouSaydus 7 лет назад
in the first 3 minutes i learned more than I did taking about 2 weeks of online courses and speaking to javascript developers. People really need to learn how to communicate better.
@derekbanas
@derekbanas 7 лет назад
I'm happy it was helpful :) I do my best to cover a lot as quickly as possible
@bjblastyoass
@bjblastyoass 9 лет назад
The work you do is really amazing, and you should be miles more popular than you are. I'm a recent graduate with an AS in Software Development, and I certainly learn more from your videos than I learned in *most* of my college classes. I really appreciate it man. Thanks for everything.
@derekbanas
@derekbanas 9 лет назад
+Eddie McWhirter (pitty) Thank you for the nice compliment :) I'm very happy that I can help supplement what is being learned in colleges.
@denicho2397
@denicho2397 7 лет назад
This video is so useful for people who already know the concept of OOP, and want just to learn JS's way to do it. Thank you so much. Cheers!
@derekbanas
@derekbanas 7 лет назад
Thank you very much :)
@cfmvalizan7585
@cfmvalizan7585 4 года назад
freaking wonderful! i've been trying to wrap my head around OOP for years and it's finally making more sense now.
@derekbanas
@derekbanas 4 года назад
Thank you 😁 Happy to be of help
@cfmvalizan7585
@cfmvalizan7585 4 года назад
@@derekbanas You did such a good job explaining this, I was able to simplify it even more in explaining it to my non-programmer wife for the software they're developing at her company, and holy **** did it feel good and that was the first time i've ever been able to see class objects and extended class purposes in a RL scenario which I could understand and came up with. Cannot thank you enough!
@ravishankar456
@ravishankar456 7 лет назад
Pretty awesome tutorial. Loved the examples. Would say the best OO JavaScript tutorial out there. Thanks again
@derekbanas
@derekbanas 7 лет назад
Thank you very much :)
@adamfakes
@adamfakes 8 лет назад
Thanks man been a Software developer for 20 years and still learning thanks again
@derekbanas
@derekbanas 8 лет назад
+adamfakes you're very welcome 😊
@gidmanone
@gidmanone 8 лет назад
finally we are getting some Java into Javascript with Class coming in.
@derekbanas
@derekbanas 8 лет назад
+gidmanone It is great that JS is constantly improving :)
@gidmanone
@gidmanone 8 лет назад
i couldnt agree more with you man.huge step for Javascript this time.!!the whole prototype thing was the reason i contemplated trying my hands on Javascript.but now that there is class. OOP on javascript is gonna get on a whole different level
@AhmedBalfaqih
@AhmedBalfaqih 6 лет назад
Why do I feel every time I watch any of your videos covering any programming language, that it was you who invented that language? It is mind blowing your breadth of knowledge.
@derekbanas
@derekbanas 6 лет назад
You're very kind. I promise I'm not very smart in real life
@AhmedBalfaqih
@AhmedBalfaqih 6 лет назад
Derek Banas I get asked many times about online learning. And your channel is the first I recommend.
@muchonline5110
@muchonline5110 9 лет назад
I missed ur Java stuff.. used to watch everyday for preCollage java.. Thanks again for making another beautiful tutorial
@derekbanas
@derekbanas 9 лет назад
+Much Online Thank you :) I'll be making more Java videos soon.
@MrNhde
@MrNhde 4 года назад
I think this is the only series of tutorials that do provide the code! It's priceless!!! I owe you a lot. All the best and keep going!
@derekbanas
@derekbanas 4 года назад
Thank you for the compliment :) I have another were I make JS apps and games ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-IyDVvGmzTlo.html
@darkfafi
@darkfafi 7 лет назад
You are a bible to programmers Derek. Thank you so much! You are clear, quick and to the point. I learn the most from your videos as a programmer.
@derekbanas
@derekbanas 7 лет назад
Thank you for the compliment :) I'm very happy that the videos are helping
@private5634
@private5634 6 лет назад
Derek, this is a great video, been looking for something like this for ages. I am struggling with going to oop from procedural and every course either merely teaches the basics about objects and classes or it's way too advanced, nothing in between. Many many thanks! Will be checking out your whole channel later.
@derekbanas
@derekbanas 6 лет назад
Thank you :) I'm very happy that the video helped
@anubhavaeron
@anubhavaeron 8 лет назад
I hope this video will lead to thousands of lines of awesome code by its viewers. Thanks Derek
@derekbanas
@derekbanas 8 лет назад
+anubhav aeron I do as well :) You're very welcome
@deepmondal8564
@deepmondal8564 8 лет назад
Honestly speaking sometimes I wonder how much talent that you have.... Hats off to you!!!!!!!!!!!!!
@derekbanas
@derekbanas 8 лет назад
+Deep mandal Thank you :) I promise you that I'm not that smart.
@deepmondal8564
@deepmondal8564 8 лет назад
+Derek Banas No No I am not pulling your leg I am just trying to say that to become a pro there's lot of geekiness requried and I know that as programmer...............
@tomormiston6592
@tomormiston6592 8 лет назад
Thanks for this tutorial, very helpful. One suggestion is consider doing tutorials in a dark mode. Personally I tend to get eyestrain with the classical black on white. Anyhow thanks again.
@derekbanas
@derekbanas 8 лет назад
+Tom Ormiston Your welcome :) I'll have to experiment with the different themes. Thanks for the input
@saharFTW
@saharFTW 8 лет назад
at 38:08 - the extend function - why not simply do Child.prototype = new Parent(); Child.prototype.constructor = Child;
@erichuang6339
@erichuang6339 8 лет назад
Exactly. Using his function can't get the toString() to work.
@dynamic21
@dynamic21 8 лет назад
@Derek Banas - I'm also interested in the answer to @SaharS question. And thank you for such a straight forward and in-depth explanation of OO JS, this was very helpful.
@chesminsky
@chesminsky 8 лет назад
+1, that confuses me too. everything works without Temp
@fabdlnltc
@fabdlnltc 8 лет назад
I think he made that (the extend function), only because he wanted to evade duplicated code in every type of animal he thinks. And i think, doing: Child.prototype = Object.create(Parent.prototype); Would make more sense... And lastly, about *Child.prototype = new Parent()* If you do that, you inherit *ALL the Parent Object*, not only the _Parent Prototype Object_.... That means, all the things defined inside that _Parent Object_ would be public too. For example; if you have: function Parent() { this.somethingAboutParents = "Yells all night"; } Using your aproach, Child.prototype = new Parent(); For each Child you create, you will have access to that property new Child().somethingAboutParents // --> 'Yells all night' Using *Object.create(Parent.prototype)* instead, you only inherit the *Parent Prototype Object*, not *all* the *Parent Object* including his _Parent Prototype Object_.
@steveburrus5526
@steveburrus5526 9 лет назад
yeah I asbsolutely agree w. Abdel, you Derek are an endless fountain of wisdom/insight on ALL of the major web technologies and programming languages. Bravo!
@derekbanas
@derekbanas 9 лет назад
+Steve Burrus Thank you for the very nice compliment :) I can promise you though that I'm not that smart.
@steveburrus5526
@steveburrus5526 9 лет назад
+Derek Banas "I'm not that smart" I don't know aboiut that. You are certainly smarter than a ny other youtube video explainer of some web technology! What college did u go to or was all of your knowledge ontained thru a lotta self-teaching/training?
@derekbanas
@derekbanas 9 лет назад
+Steve Burrus Thank you :) I went to school for electrical engineering and illustration. I wanted to work for a special effects company. I taught myself the basics of programming when I was very young. I learned the advanced stuff on the job.
@NodeEntry
@NodeEntry 7 лет назад
That's encouraging to read. I just graduated with a BSEE. I am doing an MSEE now, but I want to transition into computer programming. It seems like way more fun, and I like the idea of working from home and waking up and going to sleep on my schedule.
@ashrafsayed1058
@ashrafsayed1058 6 лет назад
awesome talk
@AntikLee_HAMBURG
@AntikLee_HAMBURG 9 лет назад
I really do not expect this tutorial, and this morning it is there. You are wonderful! Thank you so much! I have much to do and go to work!
@derekbanas
@derekbanas 9 лет назад
+Antik Lee (高偉麗) Thank you for the compliment :) I'm happy that I could help.
@JerryGoNuts
@JerryGoNuts 8 лет назад
Hello Derek! Great to see you are still making excellent tutorials. Now that I have some free time (busy with new job), I am going to be diving into your Javascript and Swift tutorials -- so I may be asking a lot of questions soon.
@derekbanas
@derekbanas 8 лет назад
+Jerry Kim Gomez Yes I plan on making them for as long as possible. I'm glad you like them. Always feel free to ask questions :)
@JerryGoNuts
@JerryGoNuts 8 лет назад
As a matter of fact, I do have questions/request -- I am having a difficult time wrapping my brain around High Order Functions, especially from this book. eloquentjavascript.net/05_higher_order.html Is there an easier way to learn these concepts?
@jeannemccabe5752
@jeannemccabe5752 7 лет назад
I can't believe you can make these marathon videos! Thank you.
@derekbanas
@derekbanas 7 лет назад
Thank you :) I'm happy you like them
@joykarbah9924
@joykarbah9924 8 лет назад
Thanks for another amazing video Derek. It's hard to believe that someone would have such vast knowledge of all this stuff you post here on your channel. Keep it up!!!
@derekbanas
@derekbanas 8 лет назад
+Joy Karbah Thank you for the nice compliment :) I'm glad I can help.
@johndoeleftjane
@johndoeleftjane 8 лет назад
Thank you for taking the time to make all of these tutorials. So much knowledge available thanks to you!
@derekbanas
@derekbanas 8 лет назад
+Johnny G You're very welcome :)
@kerimtim
@kerimtim 8 лет назад
This is the best JS OOP tutorial on the internet. Thank you for sharing the code, and also leaving explaining comments:)
@derekbanas
@derekbanas 8 лет назад
+Kerim Grozny Thank you for the compliment :) Your welcome
@manoranjankumar1559
@manoranjankumar1559 6 лет назад
Great job done Derek . Really precise tutorial with all what you need to know about the language . Looking forward for Angular 2 on the same lines .
@derekbanas
@derekbanas 6 лет назад
Thank you very much :) I'll see what I can do about Angular
@naythaniel
@naythaniel 8 лет назад
New favorite channel. This is straight up aces.
@derekbanas
@derekbanas 8 лет назад
+Naythan Williams Thank you very much :)
@tomtobias1682
@tomtobias1682 8 лет назад
Hey Derek, could you make an asp.net tutorial series? I've been looking for one for my computer science project but there are no good ones out there (in youTube, at least), so I'd really love to see one of these' since you make so easy-to-understand tutorials. Love your work. Thanks!
@derekbanas
@derekbanas 8 лет назад
+‫טום טוביאס‬‎ Thank you :) Yes ASP is on the list.
@jimishshah82
@jimishshah82 8 лет назад
Hi Derek, I have been following your tutorials for more than 3 years. Just want to thank you as I have learned at lot from your tutorials. Please do the tutorial on React Js/Reach Native as well. Thanks
@derekbanas
@derekbanas 8 лет назад
+jimish shah Thank you :) React is coming soon.
@jasonyankee7818
@jasonyankee7818 7 лет назад
Perfect overview. Even though you speak probably very fast for non-native speakers but your speech is very clear. Thank you for that. Catch a like :)
@derekbanas
@derekbanas 7 лет назад
Thank you very much :)
@pepeback
@pepeback 8 лет назад
JSLint does not validate get getRadius(), it does work though. Probably we can just use "home-made" getters and setters to avoid this non-validation.
@GeorgePark
@GeorgePark 9 лет назад
You've outdone yourself once again Derek! Thank you so much!
@derekbanas
@derekbanas 9 лет назад
+George Park Thank you :) You're very welcome
@joshfernandez6299
@joshfernandez6299 9 лет назад
I really apreciate your tutorials have taught me what programming is, you are very intelligent person to share their knowledge enriches it even more. Hope and move on anyone´s purpose. God bless you my friend.
@derekbanas
@derekbanas 9 лет назад
+Josh Fernandez Thank you for the nice compliments :) I greatly appreciate them.
@anthonychan149
@anthonychan149 7 лет назад
Coming from java OOP and learning javascript, ECMAScript 6 looks amazing
@derekbanas
@derekbanas 7 лет назад
Yes it is a vast improvement
@PaulIstoan
@PaulIstoan 7 лет назад
The best JavaScript OOP tutorial on RU-vid!
@derekbanas
@derekbanas 7 лет назад
Thank you very much :)
@mikeu5577
@mikeu5577 9 лет назад
Thank you thank you thank you!! Haven't watched it yet but I know it's going to be awesome! Been waiting for this one!! You are da man!!
@derekbanas
@derekbanas 9 лет назад
+Mike Ulrich Thank you for the compliment :) I hope it helps.
@hamdanmahran5588
@hamdanmahran5588 6 лет назад
Wow!!! this is the best useful javascript tutorial i have ever seen! thank you so much :)
@derekbanas
@derekbanas 6 лет назад
Thank you :) I'm happy it helped
@adamcrap
@adamcrap 6 лет назад
Wow, dude! I can’t thank you enough for your channel!!! Please keep up the awesome work.
@jitujahagirdar613
@jitujahagirdar613 7 лет назад
Hello Derek Banas, This "oops concept" video tutorial are rally good and each example of session whiten a short time its explained so good examples. I was exactly suppose to looking for same video. And I find this video. The person who have little bit knowledge about "Javascript " and he want to know more advance about "Javascript" Opps concept its really good for them ..! I also recommend ate to my friend this video. thank You Derek Banas..!
@derekbanas
@derekbanas 7 лет назад
Thank you very much :) I'm very happy that you liked the video
@MrYourFilm
@MrYourFilm 8 лет назад
I have no idea if you have actually done this ( not taking the videos posted onto your website in account ), but you should create videos that build onto these main videos, in a way of using the newly obtained knowledge to create something, a seperate, simple project. This would completely solidify everything learned in this video. It is possible to go out and brew up personal projects, but it'd be a fun thing to watch/follow, and you'd be attracting a greater audience ;) Thank you for the video as it is, I've learned quite some things from it!
@derekbanas
@derekbanas 8 лет назад
+H. Pavlovic Thank you for the input :) Yes I'm working towards making videos in which I make a bunch of large JS programs. I'll mainly focus on games because people seem very excited about making them.
@MrYourFilm
@MrYourFilm 8 лет назад
Derek Banas OOP really shines when working something out in a form of a game
@MrTajbid
@MrTajbid 5 лет назад
You're welcome. 01:50 JavaScript Objects 02:36 Objects in Objects 04:12 Constructor Functions 05:58 instanceof 06:28 Passing Objects to Functions 08:09 Prototypes 09:34 Adding Properties to Objects 10:44 List Properties in Objects 11:38 hasOwnProperty 12:42 Add Properties to Built in Objects 14:31 Private Properties 18:01 Getters / Setters 21:20 defineGetter / defineSetter 24:38 defineProperty 27:07 Constructor Function Getters / Setters 29:40 Inheritance 37:13 Intermediate Function Inheritance 39:14 Call Parent Functions 41:51 ECMAScript 6 47:31 Singleton Pattern 49:32 Factory Pattern 52:53 Decorator Pattern 54:52 Observer Pattern
@dimamazokha5665
@dimamazokha5665 3 года назад
From.v.f.vvvv.vv...v.cnv.d.fvcvbv.vvvvv.c
@Lesterffx
@Lesterffx 9 лет назад
I like the ECMAScript 6 because the style seems like to Java code. Then, I can reduce the time learning OO JavaScript.
@derekbanas
@derekbanas 9 лет назад
+Lester Yes it will much improve JS whe it is supported by all the browsers. Can't wait for that to happen.
@gauravtiwari1658
@gauravtiwari1658 7 лет назад
Thanks a lot Derek... :-) I was having an number of questions regarding OO javascript but now most of them are solved. You explained it quite effortlessly. Thank you once again :-)
@derekbanas
@derekbanas 7 лет назад
That's awesome! I'm glad it helped :)
@tomknapton1461
@tomknapton1461 9 лет назад
Love your "Learn... In One Video" videos!! So useful! Have you thought about doing one for Pascal?
@phkonings
@phkonings 8 лет назад
Many thanks for this great overview of the many possibilities. It leaves a bit overwhelmed giving a old school pascal background but knowing OO Design (not programming). I agree it would make sense to elaborate the programming choices and solution path visually with the why 's of the to be solved real live scenario 's providing the starting context. I realize that for example a pizza shop it would mean a video itself. Again, thx. for this great video to get a clue about the 'insane' number of possibilities .
@derekbanas
@derekbanas 8 лет назад
+phkonings You're very welcome :) I agree that I could do many tutorials on this topic and I may just do that.
@phkonings
@phkonings 8 лет назад
+Derek Banas ...in the meantime I have had a first look at the patterns book (flanagan) etc. I am really jumping in this exploring it from middle-out. I am currently thinking about the best way to approach a traffic light simulation as a simple state machine (red, green, orange, stop, run, onservice). DesignIdea is 3 objects (timer, trafficlight, display) . My thinking problem is that I see the object-abstraction as objects sending messages to each other and reacting on it based upon object state changes (in a networked object model). Instead of sending messages to each other and reacting on that, I guess they need to invoke each other methods instead. That implies the sending object needs to know the internal behavior of the receiving object instead of sending just a message (event). That 's where I get lost between design and programming.🤔
@cpu1336
@cpu1336 6 лет назад
Thank you Derek Banas,you did a very good job, I spend much time in learning js, html, css, after I watched your video, I found that I was wasting time before!
@derekbanas
@derekbanas 6 лет назад
Thank you ::) I'm happy it helped
@MrZyman
@MrZyman 8 лет назад
At 49:20 this is a global object. You don't create new object, you add props to global obj! And in fact yours singleton is refer to global object. What you need is to invoke Hero with keyword new.
@Neceros
@Neceros 8 лет назад
I like JS more and more. It seems they are making it more pythonic as days go by. very useful
@derekbanas
@derekbanas 8 лет назад
Yes I agree JS is constantly improving
@surajitdas6555
@surajitdas6555 6 лет назад
Simply superb stuff. Enjoyed a lot to refresh all js concents. 😊😊😀
@derekbanas
@derekbanas 6 лет назад
Thank you very much :)
@vincepalejr6621
@vincepalejr6621 7 лет назад
I really like the pacing of this video. Thank you.
@derekbanas
@derekbanas 7 лет назад
Thank you :)
@rahulparab4164
@rahulparab4164 8 лет назад
At 48.58 var derekHero = Hero("Derek"), shouldn't there be a new here? This is a special case too since it is a Singleton. So what is the actual difference between having "new" and not having "new" before constructor function invocation in non-Singleton context?
@haythamal-dokanji9547
@haythamal-dokanji9547 7 лет назад
Excellent presentation. Thanks Derek!
@derekbanas
@derekbanas 7 лет назад
Thank you :)
@alexey.k007
@alexey.k007 9 лет назад
Awesome tutorial! Derek, in the future, can you do a ionic framework tutorial?
@derekbanas
@derekbanas 9 лет назад
+Alexey Kurbatsky Thank you :) I'll try to fit that in with my Angular tutorial.
@xviewmytubex
@xviewmytubex 6 лет назад
Is my understanding that, prototypes are basically a shorthand version of adding properties/function objects to an object, correct? Also, is my understanding that, object creation basically consists of three parts: 1. defining (creating) the object, 2. adding properties (members), 3. adding methods (functionality) to the object and it's properties, correct? I like your tutorials. I'm a total noob. Thank you. =).
@mktwatcher
@mktwatcher 8 лет назад
Derek, Thank you for all of your insights. You're a Genius.
@derekbanas
@derekbanas 8 лет назад
You're very welcome :) Thank you for the compliment
9 лет назад
Thank you for also giving good reference books, as it helps filter which publishers and authors are worth reading for better understanding and practices. :)
@derekbanas
@derekbanas 9 лет назад
+Yahanan Rivière Your welcome :) The book I recommend is the one that students tell me they like the best. Always check online because they are often available for free.
@nacancanyokamziku124
@nacancanyokamziku124 8 лет назад
looks like one of very few video tutorials that can keep the tempo with written ones
@derekbanas
@derekbanas 8 лет назад
+Načančaný Okamžiku I cover as much as possible and try to keep everything interesting :)
@nacancanyokamziku124
@nacancanyokamziku124 8 лет назад
+Derek Banas I appreciate it, thank you :)
@int112rs
@int112rs 8 лет назад
Wow, this is awesome.Loved the cheatsheet!
@derekbanas
@derekbanas 8 лет назад
+Branko Zivanovic Thank you very much :)
@garrysohi5623
@garrysohi5623 3 года назад
The video is focused towards syntax. I had high hopes but I did not develop OOPS concepts after watching this video. What am I gonna do now 😞
@adityadamaraju
@adityadamaraju 8 лет назад
Very useful tutorial that I would recommend to serious programmers. Thanks for sharing!!!
@derekbanas
@derekbanas 8 лет назад
+Aditya Damaraju Thank you very much :)
@durchschnittlich
@durchschnittlich 9 лет назад
You didn't even use getPrice() to get the price of the pizza (54:30) or am I too dumb to understand it?
@writesantosh
@writesantosh 8 лет назад
Its an amazing, simple articulation and demonstration thought the hour to teach the OOJS! Thanks Derek :)
@derekbanas
@derekbanas 8 лет назад
Thank you very much :)
@satyasahoo26
@satyasahoo26 7 лет назад
Awesome Object Oriented video,Thank you so much.
@derekbanas
@derekbanas 7 лет назад
+Satya Sahoo thank you very much😀
@don-jp2rs
@don-jp2rs 8 лет назад
It would be nice if you can do a full project or projects to show the usage of this languages
@derekbanas
@derekbanas 8 лет назад
+don1559 Many JavaScript tutorials are coming. I'm currently making them in my NodeJS playlist
@dailyfactfrom96s
@dailyfactfrom96s 6 лет назад
I don't really understand why we need to reset the constructor in the inheritance section. Exp: Rat.prototype.constructor = Rat
@danh27
@danh27 9 лет назад
Awesome video! So once I learned OOP and Javascript, what's next? Do I learn Backbone? Angular? I just want to put this in real world usage.
@derekbanas
@derekbanas 9 лет назад
+danh27 The normal next steps are things like JQuery, Node and Angular. I'll cover all of those next.
@Bhaveshkumarraj
@Bhaveshkumarraj 7 лет назад
Awesome information, specially creating Observable.
@derekbanas
@derekbanas 7 лет назад
Thank you :) I'm happy it helped
@sandyagosandy
@sandyagosandy 8 лет назад
Hi Derek, Thanks for the great video. @38.12 why cant we have this Child.prototype = Parent.prototype; Why did we do this var Tmp = function() {} Tmp.prototype = Parent.prototype; Child.prototype = new Tmp();
@William_Quan
@William_Quan 8 лет назад
Hey Mr. Banas, Great & Thorough Videos. Do you have any videos focusing on the algorithmic method of solving problems to become a better programmer? Solving problems with arrays, classes, recursion & how-to think through complex problems and breaking down to solvable programming blocks of code to go through?
@derekbanas
@derekbanas 8 лет назад
+William Quan Thank you :) I have tutorials on object oriented design that should help with that.
@rfpeace
@rfpeace 9 лет назад
Great video Derek ;) I saw your plans for the next few videos, can't wait! Please consider a Meteor tutorial...Cheers!!!
@derekbanas
@derekbanas 9 лет назад
+ronP __ Thank you :) Meteor is on the list
@rfpeace
@rfpeace 9 лет назад
+Derek Banas Can't wait! BTW Thank you for this service you provide us all! cheers!!! ron;)
@sagarthapa6891
@sagarthapa6891 9 лет назад
Hey Derek, I have couple of questions? How do you create enum in JavaScript? And how would you use it in your Pizza example? Instead of creating a ExtraCheese function, is there a way to create a function named Extra() that has either cheese or veg or meat variables, And based on what user pass, the price is changed. Sorry..if question is not clear..
@derekbanas
@derekbanas 9 лет назад
+Sagar Thapa Check this out stijndewitt.wordpress.com/2014/01/26/enums-in-javascript/
@dhavalpatel5058
@dhavalpatel5058 8 лет назад
Many unknown funda cleared in this video. Thanks.
@derekbanas
@derekbanas 8 лет назад
+Dhaval Patel Your welcome :)
@MrPyogi
@MrPyogi 7 лет назад
Nice Tutorial Derek!... Thanks a lot!
@derekbanas
@derekbanas 7 лет назад
Thank you very much :)
@JD11RULZ
@JD11RULZ 7 лет назад
"Use cheat sheets, don't try to memorise all this stuff - that's the reason why I made you cheat sheets" I've never related to a RU-vidr more until this very moment.
@derekbanas
@derekbanas 7 лет назад
That's funny :) I try to provide everything that I can
@JD11RULZ
@JD11RULZ 7 лет назад
It's highly appreciated :3
@BennyCproductions
@BennyCproductions 8 лет назад
hello I just want to say thanks alot for all these videos, for the longest ive been terrified by javascript and other surrounding languages, with these videos and codeacdemy and w3s , im ony my way to updating my skill set to become more marketable web developer!!!! thanks!!!!!!!!
@derekbanas
@derekbanas 8 лет назад
+Benny Chasin Thank you for taking the time to say that :) You're very welcome.
@kishoresayhi
@kishoresayhi 7 лет назад
Thanks for the nice tutorial! Very helpful!
@derekbanas
@derekbanas 7 лет назад
You're very welcome :)
@KiranMuralee
@KiranMuralee 9 лет назад
Thanks man..Refreshed my JavaScript knowledge.Please post a tutorial on Angular JS
@derekbanas
@derekbanas 9 лет назад
+Kiran Muralee Your welcome :) The Angular tutorial is coming.
@dipendrathapamagar1202
@dipendrathapamagar1202 8 лет назад
Thank you very much for this tutorial. I'm very prefer to lean OOP in javascript.
@derekbanas
@derekbanas 8 лет назад
+Dipendra Thapamagar You're very welcome :)
@Nye52
@Nye52 9 лет назад
Thank you very much for your tutorials. I'm learned a lot from watching your videos. It would be awesome if you made tutorial videos for c++
@derekbanas
@derekbanas 9 лет назад
+Rockin Nova You're very welcome :) I'm looking into making a big C++ tutorial. Thank you for the request.
@josephmorales471
@josephmorales471 6 лет назад
Whats the point of using a getter or setter when you can just create a method within the object that does both?
@AlejandroVillena0108
@AlejandroVillena0108 9 лет назад
I just discovered you. You're my hero.
@derekbanas
@derekbanas 9 лет назад
+Alejandro Villena Thank you :)
@sisilonutube
@sisilonutube 7 лет назад
at 34:25 you said Wolf instance of Animal, which confused me. Later I understood arcticWolf is actually an instance of Animal, not Wolf. So, can I say a constructor function can not be an instance of another constructor function?
@DarylJewkes
@DarylJewkes 9 лет назад
Thanks Derek, everyday is a school day!
@derekbanas
@derekbanas 9 лет назад
+Daryl Jewkes You're very welcome :)
Далее
JavaScript Tutorial
1:37:09
Просмотров 1,3 млн
Chelsea gym be like.. 😅⚽️
00:20
Просмотров 14 млн
I Took a LUNCHBAR OFF A Poster 🤯 #shorts
00:17
Просмотров 9 млн
PostgreSQL Tutorial Full Course 2022
3:42:11
Просмотров 279 тыс.
JavaScript OOP Crash Course (ES5 & ES6)
40:21
Просмотров 586 тыс.
Java Functional Programming | Full Course
2:22:15
Просмотров 566 тыс.
The Definitive Guide to Object-Oriented JavaScript
27:01
HTML 5 Tutorial
1:12:33
Просмотров 715 тыс.
Beginner's Guide to the Bash Terminal
1:14:37
Просмотров 2,3 млн
Chelsea gym be like.. 😅⚽️
00:20
Просмотров 14 млн