JavaScript OOP Crash Course (ES5 & ES6)

[@FernandoAvena]

00:00 - 1_basic_literals.js 10:22 - 2_constructor.js 15:50 - 3_prototypes.js 21:15 - 4_inheritence.js 26:00 - 5_object_create.js 30:16 - ES6 - 6_classes.js 35:20 - 7_subclasses.js

[@thatsdeep7058]

ty

[@nicholasSewing]

god bless your soul homie

[@japananh1]

thank you :)

[@fayyazkarim8822]

Thanks

[@devstefancho]

ty!

[@samueltorres2485]

Just got my first programming job and I have to say, I do attribute part of my success to your videos, Brad. I have been watching them for about 3 years now, it has been a journey but I always found your tuts to be really helpful! Thanks for all you do!

[@jaiveery]

Got my first programming job while being 16 💀

[@arunsuthar4783]

@@jaiveery how bro plz tell

[@jaiveery]

@@arunsuthar4783 hard work and solve as much problems as you can

[@arunsuthar4783]

@@jaiveery bro can u give me ur insta id i have some doubts

[@jaiveery]

@@arunsuthar4783 jaiveer__y

[@NaserAlOqab]

Brad, you're the man. I'm a developer that's fallen off the wagon for a few years now. I'm going back to the fundamentals and working my way up to modern frameworks. Your videos have been a godsend. I've basically been living in your KZbin channel for the past few days. I greatly appreciate you as a person, and what you do for this community. Thank you ❤️

[@bakiuburim6200]

I never thought I would be able to understand classes this simple , I highly appreciate your effort .

[@kapa4208]

"When I develop, I don't care about IE. No one uses it anymore." - Brad. 2018 -

[@gaurangmangukiya9889]

@Juan2003gtr #MeToo

[@igorswies5913]

Some people say that it is good not to support IE because if someone uses IE and finds more and more websites that are broken on their browser, they are more likely to stop using it.

[@vuufke4327]

@@igorswies5913 100% behind this mentality, we could even include a UI warning that their browser is outdated & not secure, if enough of us do we could end IE over night, it ain't our problem some asshole decided to use an ancient browser, with little to no reasoning behind it

[@ErrorDebug]

what is IE?

[@francklinmarroquin593]

@@ErrorDebug Internet Explorer ;)

[@AHistoryChannel-md4ug]

you do a really good job of explaining things. I took an entire bootcamp and still go back to refresh things. instead of watching the videos from the bootcamp i attended, i come to yours. thanks for putting this together.

[@MagicMan123ification]

My hair stood up when seeing the word class in scripts but knowing it just creates a object or rather creates a object creator and seeing the es5 syntax really helped. This video really helped get rid of some of that impostor syndrome. Angular get your objects in order her I come!

[@Shakeel714]

The content on this channel not only help learn new concepts the easier way but also help you refresh what you have forgotten the same topics and concepts some time later. Thanks Brad for your invaluable contribution to dev community around the globe.

[@sandstorm_lp]

Man that feeling again. Showing some complex stuff just to tell us at the end that it's old practise and we'll be doing it in a much easier way. :D Thank you ES6

[@zstolen2110]

I love Traversy Media

[@mehdihosseinpour6337]

me too

[@jay-rathod-01]

Who doesn't?

[@micemincer]

I say this - your tutorials are for rather advanced users. Earlier I didn't understand them, now when I levelled up - they are a blessing. Great explanation - THX.

[@yetibop]

Struggling with these oop but love seeing errors even the slightest from people who have been in this for a long time. Very humbling

[@jwhubert91]

Brad T is incredible! Such a great teacher. Pay close attention to the last minute of the video where he gives advice on how to go about asking people for advice and where to look for projects that can inform your build process. No one else will tell you this stuff!

[@diyshow888]

Honestly, this is the best course about javascript class creation I've ever seen before , like the ending say , don't ask arrogant pricks, ask right people, thank you very much for this great course, just subscribed

[@Toshu77]

I love how Brad takes you through on a bunch of ways putting a code together then at the end gives a fantastic summary on how, when and why you would use one way over another, touches on frameworks and adds a pinch of salt :) and delivers yet another masterpiece on very important subject. I would say by far this is the golden standard for courses. Thank you!

[@sundaymuuo8723]

It took me a while to understand how the es6 classes worked when I was learning react framework. He has really helped me in understanding object-oriented programming.

[@adityaprakash9966]

I am a student and I just can't afford any of the udacity courses but videos like this are what keeping my level up sir. I've been a big fan for long now but when you post videos like this, you earn +1 respect. This, by far, is the most video ever on JavaScript ! Thank You Sir.

[@oladayoagbolade3676]

I don't know what to say. You always post the right videos exactly the time I need them. Currently preparing for a test.

[@ninopotskhoraia5373]

When I get my first programming job I feel obliged to give back to you and somehow show my gratitude because it's insane how much you have taught me and how you've helped me understand everything I have learnt so far. You are a god send and I depend on your explanations every time I stumble upon a new concept to learn. Thank you so much!

[@iamitskode]

As I observe your teaching style, Brad, I become more and more convinced that teaching is not a career suitable for everyone. But, it is evident that you were specifically designed for this purpose. Your ability to articulate complex ideas in a clear and effective manner is truly remarkable, enabling anyone to grasp the concepts easily.

[@miladebrahimzade9674]

I didn`t understand them until now. YOU ARE AN ABSOLUTELY AMAZING TEACHER BRAD... thank you

[@hassanribery3093]

Thanks Sir! Sir please don't called your examples weird. you are one of those who explains very well. Although my English is not good , i can't properly understand in others video what they're explaining but when it comes to you,because of your accent it clarifies me every thing as well as it improves my hearing and understanding of English language skills.

[@olivergalante5531]

My favorite part of this video is by far 39:39 about asking the right person for help online and in person! I hate complicated answers for simple questions!

[@rugerawanjara4302]

I am still wondering if there is a better teacher out there! Thank you Brad 🙏🏿

[@ssthao]

I never really cared so much about creating objects with javascript because it can be a pain in the ass sometimes due to the inconsistency of its nature, but now they add class and I feel like things are getting better as far as creating object.

[@framboiseymar9992]

00:00 - 1_basic_literals.js 10:22 - 2_constructor.js 15:50 - 3_prototypes.js 21:15 - 4_inheritence.js 26:00 - 5_object_create.js 30:16 - ES6 - 6_classes.js 35:20 - 7_subclasses.js 39:31 pricks.brad

[@m.villela344]

Thank you for explaining WHY you would not want to add certain functions into the object and instead use the prototype. I did not understand why you would want to use a prototype instead of just having it inside the object initially. I just purchased your JavaScript course and saw that you dedicate an hour to OOP which I am really struggling with so thank you!

[@JamesThomas-nr2og]

Great video, I liked learning more about prototypes and constructors in ES5, to find that it's all much easier with classes and subclasses in ES6. Also really appreciate the comment at the end about asking the right people questions, you seem like one of the right people. Thanks for the tutorial

[@sivar4300]

This is helpful to understand what is happening behind the scenes of creating classes using ES6 syntax

[@IsaacAsante17]

This is so timely! I was just searching for videos about this three days ago. Brad, it's like you made this for me... I'm liking this video before even watching it.

[@paungster]

You are one of the first programming youtubers i started watching.

[@christopherikpat5512]

hahaha... i was just reading a javascript design patterns book to understand OOP and then this video shows up. i don't need to watch before saying thank you Brad. Your content is always supreme

[@flightlessbird9334]

Really nice tutorial. I'm coming from PHP and Java and this is actually the first time I understand the why JS is so weird (different) and can imagine using it. Really nice, thanks.

[@leonardodau]

Brad is on fire! 🔥🔥🔥

[@juanfelipesuarezburgos5890]

The absolute best web development channel there is. Period!

[@AkshayVinchurkar]

Its dead simple to understand brad you nailed it man now anyone can understand OOP its because your teaching it

[@charlestoneoyoo]

I loved every bit of this, Really learnt a lot. A great course for beginners

[@Kamal-bw9xk]

"Rather than asking arrogant pricks..." Love this guy, he is so right.

[@nabilahsan]

Currently going through your Modern Js course and went through most of your 20min ish videos on topics such as Flexbox and others. Amazing stuff.

[@desmondbutler669]

Brad, you are a breath of fresh air. Supremely helpful, and not (at all) frightened to pull your punches. Many thanks (again)

[@SirBuitrago]

Been having issues with OOP JS, after coding in Vanilla JS for 5months. Your explanations are easy to digest and really concise. This video helped me a ton. Your advice at the end was honest af and quite insightful. Stack Overflow seems to have a good mix of both arrogant pricks and helpful citizens. We'll see what happens lol... Thanks again brother and keep it pushing. I just purchased your React course on Udemy.

[@dasmediuminc.1465]

Just saw your video. Great work and attitude. Its more of what the community needs.

[@ekeneidiagbor4678]

Brad! You are one of the greatest humans alive. God bless you bro.

[@madwilliamflint]

Oh thank god it's you doing this. Just cracking in to JS and have enjoyed the hell out of your stuff for years.

[@muhammadisrarulhaq9052]

When i make money first thing i'll do is become your patreon. Your teaching methodolgy is good, and your voice is soothing never itches in ears

[@hungxiangproductions]

This tutorial is not complicated, but also useful ,and easy to understand. Thank you for your sharing!

[@irhammaulana4304]

Your video was Simple, easy, but full. Every one can eat your explanation

[@Behold-the-Florist]

Your humility combined with the quality of content you produce is priceless! We adore you Brad! ;D

[@biswadev009]

Plz never be STOP....keep going... Ur way of teaching simple and best always SIR.... and I owe you...

[@zhuolintsai9030]

Excellent JS OOP Crash Course. I know some JS. But after watching this tutorial. A lot of misconceptions got fixed! Thank you Brad!

[@okonfriday6190]

Traversy Media is the best, very big thanks for your explicit explanation from ES5 to ES6 class

[@sergeyprishvin2156]

Thank you so much for such a good quality material! Really in love with your way of explanatiton. I was afraid of OOP for the long time, but now seems like I'm ready for the OOP interview questions. Thank you ones again, keep it up!

[@skitzhills]

Honestly Traversy Media is the best resource out there when you learn coding...

[@AliJPC]

By far this is the best tutorial on this subject.

[@junvelasco7812]

this tutorial is for intermediate to advanced level, I will watch this again maybe after 1 year.

[@georgegreen9145]

Another awesome video Brad, because of you l finally realize how easy it is to use classes in JS. This whole time l've been thinking, "whats the point of javascript copying classes from other languages when its all objects and prototypes under the hood". Its just to make our lives easier.

[@Khigha87]

Thanks so much for this vid bro! I was really struggling to uderstand the difference and reason behind object literals, constructors and classes. I understood classes from Python and the JS OOP chapter made me feel super dumb, and I got frustrated because it shouldn't be that hard. You cleared things up for me a lot. It's really cool that you're like a regular dude, some other tech guys are too geeky to relate to, so it helps me a lot seeing what you've able to learn and achieve!

[@GeekMustHave]

Even though I don't consider myself a beginner anymore I really appreciated your introduction into objects. As usual a great video. Love the teaching style. Keep Broadcasting!!

[@elsonmendes610]

const book2 = Object.create(bookProtos, { title:{writable:true,configurable:true,value:"Dicionario"}, author:{value:"Cristina"}, year:{value:2020} }); console.log(Object.keys(book2)); console.log(Object.values(book2)); outputs: [ ] //empty array but when I console.log(book2) outputs: {title: "Dicionario", author: "Cristina", year: 2020}

[@tomeksimba5687]

Are you working on creating any new course on udemy right now? I've bought your javascript course and I've learnt so much! You are the best teacher ! Thanks

[@TraversyMedia]

I just updated my Bootstrap course which took a while. I will be starting a React From The Beginning course very soon as well as a Django course

[@qasimahmed3301]

Traversy Media sounds gooooood

[@ijasdeen3809]

Please do a react course with back-end

[@BP-xk4hd]

ooOO React from the beginning sounds great. Can't wait!

[@ashutoshnakhe3318]

Can you please share Udemy course link

[@DanielK48]

I was just watching the final part of Brad's JS course on Udemy but I had to pause it to watch this video :D Awesome stuff!

[@DanielK48]

Tatea you won't regret it! :)

[@julioaquino2942]

thanks bro! you explained this concept in such a simple way for a javascript beginner!

[@lll-vq6pm]

Thank Youuu, You're the best! Javascript newbie here 2024

[@andrewkorin]

I enrolled on "UI/Node.js" course a few days ago and Brad made a vid on node.js, I started reading "The Principles of Object-Oriented JavaScript" yesterday and Brad made this vid. Man, how do u guess what to record? xD

[@aditkaushal9397]

ES6 classes and subclasses had almost similar syntax like that in Java 7/8 version....so one similarity finally found here!!

[@sibusisondlovu5116]

i like this guy

[@czarscrib3680]

*Love

[@NourBalaha]

The best source to learn Javascript's OOP fast and in an organized way... great as always...

[@nagahumanbeingzooofparticl8836]

I Finally wrapped my head on OOP.. You the best Brad..

[@apexfunfun4580]

Thanks for this very informative crash course. I totally agree with you at the end where there are some developers that can be real pricks. And since they think they know more than me or anyone else. They are on a high horse and feel that you are lesser. I've heard once that a guy was like that with another developer that was at Jr level and that guy got fired for criticizing the developer. Working in this field doesn't give anyone higher authority no matter how much you know.

[@revillsimon]

So helpful, this helped me revise all the fundamental stuff I've learned about OOP/ES6 Classes in a mere 40 minutes! Enjoying your Modern JavaScript from the Beginning course on Udemy at the moment. Thankyou Brad for taking the time to make this!

[@tamisweitzer275]

I love how in the middle of explaining something you suddenly foresee the regulars complaining that it is too simple and have to tell them to settle down. Like, in every video. LOL It cracks me up every time.

[@huuhhhhhhh]

Very illuminating. I spent a lot of time scratching my head over the documentation on sites such as w3 schools and other tutorials. While these places are still very good reference points, nothing brings the point home like a well laid out and clear video such as this one. Thank you. Will be looking at your Udemy courses for sure! ANY CHANCE YOU HAVE AN NODE.JS KNOWLEDGE TO SHARE??

[@FFS4kE]

thank you so much im just starting out with javascript and you are a life saver keep it up man thanks again.

[@johnnweke5547]

Classes make everything easier! Thanks Brad. Amazing video!

[@doniyorabduvokhidov1706]

Just finished video and I have to say that it was great, I learned much, I know Python so this was really easy to grasp.

[@kurwacherry]

the prototype method with revising was really useful, thanks homie

[@TFlies]

Thank you very much for the demonstration of static use and super().....Wish I found this video earlier.

[@byronnyayiera1393]

Thanks again Brad, still watching in 2021 July.

[@333juniorb]

I always use the prototype design pattern It's the use of namespaces with an ordered structure .... Personally I love using it in my projects it's clear simple and you can do them communicates between methods and attributes super video I love your content it taught me a lot THANKS BRAD !! you AWESOME

[@rickfearn3663]

Such clarity in explaining! Outstanding education methodology. Easy to follow. Thanks Brad!

[@AGUNGKAYA]

I bought your angular course in udemy and need something on OOP here. Thanks, great explanation!

[@Alique_VSI]

brad your channel rocks you made me a programmer

[@tazoleladze5713]

This is for beginners. We need more, Traversy!

[@Digital963]

The first object literal example was completely taken from another video tutorial - from the “book” idea to using string templates. I still like this ch. I’m going to continue watching to see how it differs

[@rahulhuilgol5304]

Thank you, Brad. OOP is so much clearer now.

[@rostislavm236]

I could not afford to buy course at Udemy, but im very thankful for that. When i'll get my first salary, im surely wuld patron you. Thx a lot, Brad

[@soulaimane3729]

the best programming channel ever

[@jl4197]

Still the best little crash course / refresher on this topic.

[@pedrodavim]

Great tut. I ve been learning javascript for a couple of months and i really love your vídeos! I m gonna check Udemy.

[@yaldakarimi3772]

I love what you said in the last minute of this video!! you are the best Brad

[@agasigabrielyan1764]

thanks a lot, this is the only video - I could understand how the javascript prototype works ...

[@mitchelleuzonna4523]

Wonderful course!!. The concepts were thoroughly explained using a simple and detailed approach. Thanks so much

[@m12652]

Excellent! In the class example, on Safari, super appears to be case sensitive in sub class constructor. Had to use “Super” instead...

[@johnesco]

Thanks for adding a bit on static methods. I just came across these in Java and Ruby and am glad JS has it too.

[@XboneAus]

I disable my adBlock for no one but Brad. *deep Thor voice* HE'S WORTHY!

[@VinyZikss]

this guy` channel is already huge so I just leave it on. If a small channel is good I`ll disable it too

[@vinodvemuru2273]

My go to interview refresher (everytime!) thanks Brad!

[@silseed]

It's so good that YT suggested me this video the other day. I checked it, your Udemy course caught my eye - next thing I know I'm knee deep in the course and loving every moment of it! Thanks Brad for the awesome teaching materials - see you on your other courses too!

[@aQilahQi]

Just bought the MODERN JS FROM THE BEGINNING

[@stefancova]

@33.43 you can also set book.revise = true without create the revise method, like in the prototype way

[@VeeWebCode]

Love it... Sir , your content is so awesome.. I Just wanted to learn oop yesterday and boom... Now I have video from you... Thanks you so much, Brad sir...

[@spencerpingitore9]

Very helpful on my journey to learn!! Thank you for such an awesome video explaining what's going on under the hood.