JavaScript OOP Crash Course (ES5 & ES6)

In this video we will look at some of the object oriented programming concepts in JavaScript including...
Object Literals
Constructors & This
Prototypes & Inheritence
Object.create()
ES6 Classes & Subclasses
MODERN JS FROM THE BEGINNING - $9.99 PROMO
www.udemy.com/modern-javascri...
💖 Become a Patron: Show support & get perks!
/ traversymedia
Website & Udemy Courses
www.traversymedia.com
Follow Traversy Media:
/ traversymedia
/ traversymedia
/ traversymedia
The Developer Hangout: Public Discord Server
/ discord

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

[@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 ;)

[@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 ❤️

[@zstolen2110]

I love Traversy Media

[@mehdihosseinpour6337]

me too

[@jay-rathod-01]

Who doesn't?

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

[@bakiuburim6200]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[@ElvenIvy07]

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

[@desmondbutler669]

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

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

[@zhuolintsai9030]

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

[@Karlponken]

Great explanation! Have had a hard time understanding classes and this made it much clearer!

[@Creeglenan]

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

[@michelodeon]

Brad is on fire! 🔥🔥🔥

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

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

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

[@johnnweke5547]

Classes make everything easier! Thanks Brad. Amazing video!

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

[@nagahumanbeingzooofparticl8836]

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

[@raj.iitr005]

Thank you so much for the video! I appreciate it! Will support you on patreon!

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

[@rickfearn3663]

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

[@ekeneidiagbor4678]

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

[@miladebrahimzade9674]

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

[@tomj9107]

This was a very good video that helped clear a lot of things up. I like how you took your time to explain things. Good job!

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

[@user-re5mt1vx7q]

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

[@dasmediuminc.1465]

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

[@rahulhuilgol5304]

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

[@rugerawanjara4302]

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

[@akshatarora7736]

THIS IS LITERALLY SO HELPFUL!!! This has helped me so much! Thank you very much!

[@MarcelaoVMS]

Traversy your videos are amazing! Thank you very much for that! You are helping not only me but a lot of people! Thanks!

[@kahlschlag17]

Yet again a great digestible tutorial from you. Thanks so much for your time and effort.

[@NourBalaha]

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

[@nurmukhammedduisekeyev3018]

Thank you brother for simple explanation of such a complicated course of learning the ES5 & ES6

[@CodingWithFKhan]

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.

[@sivar4300]

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

[@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??

[@tdreamgmail]

Really good! Especially the advice at the end. Thank you Brad!

[@julioaquino2942]

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

[@gowthams8340]

Thanks Brad! You made my day 😍

[@daniyalmughal9032]

Thank you Brad ♥️ It helped a lot to understand prototypes and classes

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

[@agasigabrielyan1764]

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

[@paungster]

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

[@prane81]

I owe my knowledge to you Brad :) Thank you tons

[@WilmerBlanco]

Boy!! thank you so much, it's very simple to understand.

[@MathiasDenzin]

I really love your statement about the pricks. Thanks for your great content!

[@spencerpingitore9]

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

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

[@KaranChecker]

Awesome. Thanks much. I like the speed and the way the explanation is done in parallel to the code. :)

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

[@vinodvemuru2273]

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

[@sebastianalexandersson3191]

This is so great. Thank you, man!

[@RunOs3]

Thanks for posting this, Brad. You're a true pro.

[@FFS4kE]

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

[@MarkDyck]

Thanks for this. I’ve been calling super() but not really knowing why. This background is very helpful.

[@TFlies]

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

[@dighechinmayt]

Hello Traversy Media, i love your tutorials, and the way of explanation. a big thank you!

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

[@aris.konstantinidis]

Thank you for this excellent tutorial Brad!

[@mitchelleuzonna4523]

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

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

[@chargewireless3369]

THANKS MAN! I needed this for JS sentax.

[@SaurabhSharma-3556]

Your videos are so great. Keep up the good work!

[@dstzloi]

Thank you so much, this is really clear for me now!

[@charlestoneoyoo]

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

[@HakimAllaki]

Hi Brad, let me tell one thing you're awesome, I mean your great way to teach people, and making a staff easy to understand, and your generosity to share knowledge with people makes you a great person god bless you brother👍🔟

[@irhammaulana4304]

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

[@agilasadi9642]

Woah, I didn't know you could do all this with JavaScript, I loved es6.

[@Tony-tj1yq]

thank you 🙏 so much Brad, by the way im looking for your react course on udemy. i can’t wait 😊😜

[@iamakshayvinchurkar]

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

[@aditkaushal9397]

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

[@biswadev009]

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

[@nulI_dev]

Great explanations as always, thanks Brad :)

[@sumeetvyas5193]

Thank you so much for the comprehensive course!

[@BudaSuyasa]

Hey Brad thanks for your great video. Even I already know all about this stuff, I just fell need to watch your video.

[@Phill_F]

This is beyond a life saver and helpful, Brad, thank you!

[@tazoleladze5713]

This is for beginners. We need more, Traversy!

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

[@alekj95]

This was really helpful. Thank you!

[@shraeychikker694]

Thanks for the great tutorial Brad! Very helpful :) Is there a link for the git repo that can be used as a reference?

[@vofsiakanylnarciso4279]

Thank you for explaining it from the ground up.

[@techwithali8461]

Thanks traversy, you are greatest teacher in youtube. Love to listen 'it is just syntactic sugar' 32:54

[@Anony584]

This course came right on time!