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

Пікірлер: 631

  • @FernandoAvena
    @FernandoAvena5 жыл бұрын

    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

    @thatsdeep7058

    5 жыл бұрын

    ty

  • @nicholasSewing

    @nicholasSewing

    5 жыл бұрын

    god bless your soul homie

  • @japananh1

    @japananh1

    5 жыл бұрын

    thank you :)

  • @fayyazkarim8822

    @fayyazkarim8822

    4 жыл бұрын

    Thanks

  • @devstefancho

    @devstefancho

    4 жыл бұрын

    ty!

  • @kapa4208
    @kapa42084 жыл бұрын

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

  • @gaurangmangukiya9889

    @gaurangmangukiya9889

    4 жыл бұрын

    @Juan2003gtr #MeToo

  • @igorswies5913

    @igorswies5913

    4 жыл бұрын

    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

    @vuufke4327

    4 жыл бұрын

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

    @ErrorDebug

    4 жыл бұрын

    what is IE?

  • @francklinmarroquin593

    @francklinmarroquin593

    4 жыл бұрын

    @@ErrorDebug Internet Explorer ;)

  • @samueltorres2485
    @samueltorres24855 жыл бұрын

    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

    @jaiveery

    Жыл бұрын

    Got my first programming job while being 16 💀

  • @arunsuthar4783

    @arunsuthar4783

    Жыл бұрын

    @@jaiveery how bro plz tell

  • @jaiveery

    @jaiveery

    Жыл бұрын

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

  • @arunsuthar4783

    @arunsuthar4783

    Жыл бұрын

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

  • @jaiveery

    @jaiveery

    Жыл бұрын

    @@arunsuthar4783 jaiveer__y

  • @sandstorm_lp
    @sandstorm_lp5 жыл бұрын

    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

  • @NaserAlOqab
    @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 KZread channel for the past few days. I greatly appreciate you as a person, and what you do for this community. Thank you ❤️

  • @Shakeel714
    @Shakeel7143 жыл бұрын

    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.

  • @bakiuburim6200
    @bakiuburim6200 Жыл бұрын

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

  • @zstolen2110
    @zstolen21105 жыл бұрын

    I love Traversy Media

  • @mehdihosseinpour6337

    @mehdihosseinpour6337

    5 жыл бұрын

    me too

  • @jay-rathod-01

    @jay-rathod-01

    3 жыл бұрын

    Who doesn't?

  • @sergeyprishvin2156
    @sergeyprishvin21565 жыл бұрын

    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!

  • @oladayoagbolade3676
    @oladayoagbolade36765 жыл бұрын

    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
    @ninopotskhoraia53732 жыл бұрын

    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!

  • @JamesThomas-nr2og
    @JamesThomas-nr2og2 жыл бұрын

    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

  • @jwhubert91
    @jwhubert914 жыл бұрын

    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!

  • @nabilahsan
    @nabilahsan5 жыл бұрын

    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.

  • @flightlessbird9334
    @flightlessbird93343 жыл бұрын

    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.

  • @micemincer
    @micemincer2 жыл бұрын

    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.

  • @revillsimon
    @revillsimon5 жыл бұрын

    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!

  • @MagicMan123ification
    @MagicMan123ification2 жыл бұрын

    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!

  • @zhuolintsai9030
    @zhuolintsai90305 жыл бұрын

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

  • @silseed
    @silseed5 жыл бұрын

    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!

  • @desmondbutler669
    @desmondbutler6695 жыл бұрын

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

  • @GeekMustHave
    @GeekMustHave5 жыл бұрын

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

  • @ElvenIvy07
    @ElvenIvy073 жыл бұрын

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

  • @IsaacAsante17
    @IsaacAsante175 жыл бұрын

    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.

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

  • @dasmediuminc.1465
    @dasmediuminc.14655 жыл бұрын

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

  • @johnesco
    @johnesco5 жыл бұрын

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

  • @Toshu77
    @Toshu775 жыл бұрын

    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

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

  • @miladebrahimzade9674
    @miladebrahimzade96742 жыл бұрын

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

  • @adityaprakash9966
    @adityaprakash99665 жыл бұрын

    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.

  • @madwilliamflint
    @madwilliamflint4 жыл бұрын

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

  • @johnnweke5547
    @johnnweke55474 жыл бұрын

    Classes make everything easier! Thanks Brad. Amazing video!

  • @Creeglenan
    @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

  • @nagahumanbeingzooofparticl8836
    @nagahumanbeingzooofparticl88365 жыл бұрын

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

  • @julioaquino2942
    @julioaquino2942 Жыл бұрын

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

  • @raj.iitr005
    @raj.iitr0055 жыл бұрын

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

  • @rickfearn3663
    @rickfearn36634 жыл бұрын

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

  • @NourBalaha
    @NourBalaha5 жыл бұрын

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

  • @akshatarora7736
    @akshatarora77363 жыл бұрын

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

  • @rahulhuilgol5304
    @rahulhuilgol53044 жыл бұрын

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

  • @user-re5mt1vx7q
    @user-re5mt1vx7q3 жыл бұрын

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

  • @rugerawanjara4302
    @rugerawanjara43023 жыл бұрын

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

  • @Karlponken
    @Karlponken4 жыл бұрын

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

  • @tomj9107
    @tomj91075 жыл бұрын

    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!

  • @kahlschlag17
    @kahlschlag172 жыл бұрын

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

  • @nurmukhammedduisekeyev3018
    @nurmukhammedduisekeyev30185 жыл бұрын

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

  • @michelodeon
    @michelodeon5 жыл бұрын

    Brad is on fire! 🔥🔥🔥

  • @huuhhhhhhh
    @huuhhhhhhh5 жыл бұрын

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

  • @SirBuitrago
    @SirBuitrago3 жыл бұрын

    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.

  • @ekeneidiagbor4678
    @ekeneidiagbor46785 жыл бұрын

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

  • @sivar4300
    @sivar43005 жыл бұрын

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

  • @tdreamgmail
    @tdreamgmail4 жыл бұрын

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

  • @KaranChecker
    @KaranChecker4 жыл бұрын

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

  • @tamisweitzer275
    @tamisweitzer2755 жыл бұрын

    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.

  • @paungster
    @paungster3 жыл бұрын

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

  • @FFS4kE
    @FFS4kE3 жыл бұрын

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

  • @MarcelaoVMS
    @MarcelaoVMS5 жыл бұрын

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

  • @agasigabrielyan1764
    @agasigabrielyan17644 жыл бұрын

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

  • @okonfriday6190
    @okonfriday6190 Жыл бұрын

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

  • @chargewireless3369
    @chargewireless3369 Жыл бұрын

    THANKS MAN! I needed this for JS sentax.

  • @daniyalmughal9032
    @daniyalmughal90323 жыл бұрын

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

  • @spencerpingitore9
    @spencerpingitore9 Жыл бұрын

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

  • @diyshow888
    @diyshow8882 жыл бұрын

    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

  • @WilmerBlanco
    @WilmerBlanco5 жыл бұрын

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

  • @TFlies
    @TFlies3 жыл бұрын

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

  • @biswadev009
    @biswadev0095 жыл бұрын

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

  • @vinodvemuru2273
    @vinodvemuru22732 жыл бұрын

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

  • @hassanribery3093
    @hassanribery30934 жыл бұрын

    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.

  • @georgegreen9145
    @georgegreen91454 жыл бұрын

    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.

  • @mitchelleuzonna4523
    @mitchelleuzonna4523 Жыл бұрын

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

  • @MathiasDenzin
    @MathiasDenzin5 жыл бұрын

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

  • @333juniorb
    @333juniorb5 жыл бұрын

    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

  • @MarkDyck
    @MarkDyck5 жыл бұрын

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

  • @HakimAllaki
    @HakimAllaki3 жыл бұрын

    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👍🔟

  • @pedrodavim
    @pedrodavim5 жыл бұрын

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

  • @AliJPC
    @AliJPC3 жыл бұрын

    By far this is the best tutorial on this subject.

  • @DanielK48
    @DanielK485 жыл бұрын

    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

    @DanielK48

    5 жыл бұрын

    Tatea you won't regret it! :)

  • @charlestoneoyoo
    @charlestoneoyoo6 ай бұрын

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

  • @christopherikpat5512
    @christopherikpat55125 жыл бұрын

    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

  • @RunOs3
    @RunOs35 жыл бұрын

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

  • @yaldakarimi3772
    @yaldakarimi3772 Жыл бұрын

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

  • @m.villela344
    @m.villela3445 жыл бұрын

    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!

  • @aditkaushal9397
    @aditkaushal9397 Жыл бұрын

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

  • @medmeskine2762
    @medmeskine27622 жыл бұрын

    The best OOP JS Course i ever seen Glad to see your videos Mr Brad keep up the good Work . greeting From Morcco

  • @sumeetvyas5193
    @sumeetvyas51933 жыл бұрын

    Thank you so much for the comprehensive course!

  • @dighechinmayt
    @dighechinmayt5 жыл бұрын

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

  • @doniyorabduvokhidov1706
    @doniyorabduvokhidov17064 жыл бұрын

    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.

  • @AGUNGKAYA
    @AGUNGKAYA Жыл бұрын

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

  • @gowthams8340
    @gowthams83405 жыл бұрын

    Thanks Brad! You made my day 😍

  • @aris.konstantinidis
    @aris.konstantinidis4 жыл бұрын

    Thank you for this excellent tutorial Brad!

  • @m12652
    @m126524 жыл бұрын

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

  • @simeonieroteev4555
    @simeonieroteev45555 жыл бұрын

    Thank you, Brad! Really nice explanation! Your JavaScript videos are very useful for beginners! Thanks! God bless you! :)

  • @vofsiakanylnarciso4279
    @vofsiakanylnarciso42795 жыл бұрын

    Thank you for explaining it from the ground up.

  • @Phill_F
    @Phill_F9 ай бұрын

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

  • @lll-vq6pm
    @lll-vq6pm2 ай бұрын

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

  • @junvelasco7812
    @junvelasco78122 жыл бұрын

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

  • @juanfelipesuarezburgos5890
    @juanfelipesuarezburgos58904 жыл бұрын

    The absolute best web development channel there is. Period!

  • @ibrahimsallieukamara517
    @ibrahimsallieukamara517 Жыл бұрын

    Great Brad.... You make things very understandable

  • @byronnyayiera1393
    @byronnyayiera13932 жыл бұрын

    Thanks again Brad, still watching in 2021 July.

  • @agilasadi9642
    @agilasadi96424 жыл бұрын

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

Келесі