JavaScript OOP Crash Course (ES5 & ES6)

Поділитися
Вставка
  • Опубліковано 8 чер 2018
  • 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
  • Наука та технологія

КОМЕНТАРІ • 630

  • @FernandoAvena
    @FernandoAvena 5 років тому +526

    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

  • @samueltorres2485
    @samueltorres2485 5 років тому +115

    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!

  • @NaserAlOqab
    @NaserAlOqab 2 роки тому +17

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

  • @kapa4208
    @kapa4208 5 років тому +513

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

    • @gaurangmangukiya9889
      @gaurangmangukiya9889 5 років тому +8

      @Juan2003gtr #MeToo

    • @igorswies5913
      @igorswies5913 5 років тому +56

      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 5 років тому +23

      @@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 роки тому +13

      what is IE?

    • @francklinmarroquin593
      @francklinmarroquin593 4 роки тому +4

      @@ErrorDebug Internet Explorer ;)

  • @sandstorm_lp
    @sandstorm_lp 5 років тому +34

    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

  • @Shakeel714
    @Shakeel714 3 роки тому +11

    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 Рік тому +7

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

  • @sergeyprishvin2156
    @sergeyprishvin2156 5 років тому +3

    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!

  • @zstolen2110
    @zstolen2110 6 років тому +319

    I love Traversy Media

  • @oladayoagbolade3676
    @oladayoagbolade3676 6 років тому +5

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

  • @Toshu77
    @Toshu77 5 років тому +2

    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 2 роки тому

      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.

  • @JamesThomas-nr2og
    @JamesThomas-nr2og 3 роки тому +2

    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
    @jwhubert91 4 роки тому +2

    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!

  • @flightlessbird9334
    @flightlessbird9334 3 роки тому +1

    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.

  • @ninopotskhoraia5373
    @ninopotskhoraia5373 2 роки тому

    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!

  • @revillsimon
    @revillsimon 5 років тому

    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!

  • @silseed
    @silseed 6 років тому +1

    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!

  • @MagicMan123ification
    @MagicMan123ification 2 роки тому +1

    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!

  • @nabilahsan
    @nabilahsan 6 років тому

    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.

  • @IsaacAsante17
    @IsaacAsante17 6 років тому

    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.

  • @micemincer
    @micemincer 2 роки тому

    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.

  • @MeAsMeButMe
    @MeAsMeButMe 3 роки тому +2

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

  • @michelodeon
    @michelodeon 6 років тому +54

    Brad is on fire! 🔥🔥🔥

  • @GeekMustHave
    @GeekMustHave 6 років тому

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

  • @DanielK48
    @DanielK48 6 років тому +20

    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 6 років тому

      Tatea you won't regret it! :)

  • @zhuolintsai9030
    @zhuolintsai9030 6 років тому

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

  • @desmondbutler669
    @desmondbutler669 6 років тому

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

  • @raj.iitr005
    @raj.iitr005 5 років тому +2

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

  • @Karlponken
    @Karlponken 4 роки тому +1

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

  • @johnnweke5547
    @johnnweke5547 5 років тому +2

    Classes make everything easier! Thanks Brad. Amazing video!

  • @johnesco
    @johnesco 5 років тому

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

  • @tomj9107
    @tomj9107 5 років тому

    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!

  • @MarcelaoVMS
    @MarcelaoVMS 5 років тому

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

  • @rickfearn3663
    @rickfearn3663 4 роки тому

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

  • @Khigha87
    @Khigha87 2 роки тому

    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!

  • @madwilliamflint
    @madwilliamflint 4 роки тому

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

  • @huuhhhhhhh
    @huuhhhhhhh 6 років тому +1

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

  • @akshatarora7736
    @akshatarora7736 4 роки тому

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

  • @nagahumanbeingzooofparticl8836
    @nagahumanbeingzooofparticl8836 6 років тому +2

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

  • @adityaprakash9966
    @adityaprakash9966 6 років тому +1

    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.

  • @tdreamgmail
    @tdreamgmail 4 роки тому +1

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

  • @kahlschlag17
    @kahlschlag17 2 роки тому

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

  • @dasmediuminc.1465
    @dasmediuminc.1465 6 років тому

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

  • @ekeneidiagbor4678
    @ekeneidiagbor4678 5 років тому +2

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

  • @tamisweitzer275
    @tamisweitzer275 5 років тому +4

    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.

  • @NourBalaha
    @NourBalaha 6 років тому

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

  • @rahulhuilgol5304
    @rahulhuilgol5304 4 роки тому +1

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

  • @KaranChecker
    @KaranChecker 4 роки тому

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

  • @diyshow888
    @diyshow888 2 роки тому

    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

  • @simeonieroteev4555
    @simeonieroteev4555 6 років тому +2

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

  • @dighechinmayt
    @dighechinmayt 5 років тому

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

  • @hungxiangproductions
    @hungxiangproductions 4 роки тому

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

  • @daniyalmughal9032
    @daniyalmughal9032 3 роки тому

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

  • @jhovahngibbs6720
    @jhovahngibbs6720 5 років тому +131

    LMAO "I can't be around those people." 😂😂😂

  • @nurmukhammedduisekeyev3018
    @nurmukhammedduisekeyev3018 6 років тому

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

  • @sivar4300
    @sivar4300 5 років тому

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

  • @WilmerBlanco
    @WilmerBlanco 5 років тому +1

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

  • @1988proxy
    @1988proxy 5 років тому +1

    Brad, thank you very much for your videos it's very helpful!!!

  • @charlestoneoyoo
    @charlestoneoyoo 8 місяців тому +1

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

  • @Tony-tj1yq
    @Tony-tj1yq 6 років тому +3

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

  • @techwithali8461
    @techwithali8461 4 роки тому +4

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

  • @spencerpingitore9
    @spencerpingitore9 Рік тому

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

  • @pedrodavim
    @pedrodavim 6 років тому

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

  • @rugerawanjara4302
    @rugerawanjara4302 3 роки тому

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

  • @tomeksimba5687
    @tomeksimba5687 6 років тому +43

    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
      @TraversyMedia  6 років тому +30

      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
      @qasimahmed3301 6 років тому +1

      Traversy Media sounds gooooood

    • @ijasdeen3809
      @ijasdeen3809 6 років тому +2

      Please do a react course with back-end

    • @BP-xk4hd
      @BP-xk4hd 6 років тому +2

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

    • @ashutoshnakhe3318
      @ashutoshnakhe3318 3 роки тому

      Can you please share Udemy course link

  • @gowthams8340
    @gowthams8340 6 років тому +2

    Thanks Brad! You made my day 😍

  • @miladebrahimzade9674
    @miladebrahimzade9674 2 роки тому

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

  • @SirBuitrago
    @SirBuitrago 4 роки тому

    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.

  • @mitchelleuzonna4523
    @mitchelleuzonna4523 2 роки тому

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

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

  • @RunOs3
    @RunOs3 6 років тому

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

  • @agasigabrielyan1764
    @agasigabrielyan1764 5 років тому

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

  • @MathiasDenzin
    @MathiasDenzin 6 років тому

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

  • @MarkDyck
    @MarkDyck 6 років тому

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

  • @georgegreen9145
    @georgegreen9145 4 роки тому

    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.

  • @julioaquino2942
    @julioaquino2942 2 роки тому

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

  • @biswadev009
    @biswadev009 6 років тому

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

  • @doniyorabduvokhidov1706
    @doniyorabduvokhidov1706 4 роки тому

    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.

  • @333juniorb
    @333juniorb 6 років тому

    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

  • @aris.konstantinidis
    @aris.konstantinidis 4 роки тому

    Thank you for this excellent tutorial Brad!

  • @shraeychikker694
    @shraeychikker694 6 років тому +1

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

  • @FFS4kE
    @FFS4kE 3 роки тому

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

  • @nulI_dev
    @nulI_dev 5 років тому

    Great explanations as always, thanks Brad :)

  • @prane81
    @prane81 5 років тому +1

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

  • @SaurabhSharma-3556
    @SaurabhSharma-3556 5 років тому

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

  • @paungster
    @paungster 3 роки тому

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

  • @danielfs
    @danielfs 6 років тому

    Hey Brad, thanks for this video, it is very helpful.
    I've seen there is many ways of using OOP in JS but which way do you recommend using? is there a way most used in the market?

  • @dstzloi
    @dstzloi 6 років тому

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

  • @andrewkorin
    @andrewkorin 6 років тому +7

    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

  • @sumeetvyas5193
    @sumeetvyas5193 3 роки тому

    Thank you so much for the comprehensive course!

  • @lavkushsingh3618
    @lavkushsingh3618 4 роки тому +2

    hey Brad you are Great ... ! You are doing great job man. Lots of Love from India. loved the way you teach.

  • @PHInfo
    @PHInfo 6 років тому

    This is so far the best easy for me to understand JS OOP tutorial. I went straight to learning React but I can't fully grasp so I decided to learn the basic and the modern JS first. This video just convinced me to buy your javascript course on udemy. Are you going to make a React course very soon?

  • @vinodvemuru2273
    @vinodvemuru2273 2 роки тому

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

  • @BudaSuyasa
    @BudaSuyasa 6 років тому

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

  • @lotus0814
    @lotus0814 4 роки тому

    Thanks a lot Traversy, You're the best!

  • @Phill_F
    @Phill_F Рік тому

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

  • @sebastianalexandersson3191
    @sebastianalexandersson3191 5 років тому

    This is so great. Thank you, man!

  • @romeojoseph766
    @romeojoseph766 Рік тому

    Really nice examples!!!! Thank you for the everything you did

  • @mukunan6171
    @mukunan6171 6 років тому

    Best one ever, so clear. Thanks very much

  • @sibusisondlovu5116
    @sibusisondlovu5116 6 років тому +86

    i like this guy