JavaScript OOP Crash Course (ES5 & ES6)

Поделиться
HTML-код
  • Опубликовано: 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
  • НаукаНаука

Комментарии • 633

  • @FernandoAvena
    @FernandoAvena 5 лет назад +525

    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 лет назад +113

    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 2 года назад +4

      Got my first programming job while being 16 💀

    • @arunsuthar4783
      @arunsuthar4783 Год назад +1

      @@jaiveery how bro plz tell

    • @jaiveery
      @jaiveery Год назад +1

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

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

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

  • @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 4 года назад +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 ;)

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

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

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

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

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

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

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

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

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

  • @MeAsMeButMe
    @MeAsMeButMe 3 года назад +2

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

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

  • @michelodeon
    @michelodeon 6 лет назад +54

    Brad is on fire! 🔥🔥🔥

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

  • @desmondbutler669
    @desmondbutler669 5 лет назад

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

  • @johnnweke5547
    @johnnweke5547 4 года назад +2

    Classes make everything easier! Thanks Brad. Amazing video!

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

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

  • @nagahumanbeingzooofparticl8836
    @nagahumanbeingzooofparticl8836 6 лет назад +2

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

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

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

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

  • @Karlponken
    @Karlponken 4 года назад +1

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

  • @rickfearn3663
    @rickfearn3663 4 года назад

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

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

  • @akshatarora7736
    @akshatarora7736 4 года назад

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

  • @dasmediuminc.1465
    @dasmediuminc.1465 6 лет назад

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

  • @rahulhuilgol5304
    @rahulhuilgol5304 4 года назад +1

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

  • @raj.iitr005
    @raj.iitr005 5 лет назад +2

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

  • @ekeneidiagbor4678
    @ekeneidiagbor4678 5 лет назад +2

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

  • @NourBalaha
    @NourBalaha 6 лет назад

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

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

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

  • @miladebrahimzade9674
    @miladebrahimzade9674 2 года назад

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

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

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

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

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

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

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

  • @chargewireless3369
    @chargewireless3369 Год назад

    THANKS MAN! I needed this for JS sentax.

  • @julioaquino2942
    @julioaquino2942 2 года назад

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

  • @rugerawanjara4302
    @rugerawanjara4302 3 года назад

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

  • @RunOs3
    @RunOs3 6 лет назад

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

  • @hungxiangproductions
    @hungxiangproductions 4 года назад

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

  • @gowthams8340
    @gowthams8340 6 лет назад +2

    Thanks Brad! You made my day 😍

  • @sivar4300
    @sivar4300 5 лет назад

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

  • @paungster
    @paungster 3 года назад

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

  • @WilmerBlanco
    @WilmerBlanco 5 лет назад +1

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

  • @SirBuitrago
    @SirBuitrago 3 года назад

    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.

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

  • @biswadev009
    @biswadev009 6 лет назад

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

  • @okonfriday6190
    @okonfriday6190 2 года назад

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

  • @nurmukhammedduisekeyev3018
    @nurmukhammedduisekeyev3018 6 лет назад

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

  • @juanfelipesuarezburgos5890
    @juanfelipesuarezburgos5890 4 года назад

    The absolute best web development channel there is. Period!

  • @yaldakarimi3772
    @yaldakarimi3772 Год назад

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

  • @KaranChecker
    @KaranChecker 4 года назад

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

  • @AliJPC
    @AliJPC 3 года назад

    By far this is the best tutorial on this subject.

  • @dighechinmayt
    @dighechinmayt 5 лет назад

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

  • @daniyalmughal9032
    @daniyalmughal9032 3 года назад

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

  • @MathiasDenzin
    @MathiasDenzin 6 лет назад

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

  • @vinodvemuru2273
    @vinodvemuru2273 2 года назад

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

  • @aris.konstantinidis
    @aris.konstantinidis 4 года назад

    Thank you for this excellent tutorial Brad!

  • @saltech2024
    @saltech2024 Год назад

    Great Brad....
    You make things very understandable

  • @lotus0814
    @lotus0814 4 года назад

    Thanks a lot Traversy, You're the best!

  • @prane81
    @prane81 5 лет назад +1

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

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

  • @agasigabrielyan1764
    @agasigabrielyan1764 5 лет назад

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

  • @techwithali8461
    @techwithali8461 4 года назад +4

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

  • @SaurabhSharma-3556
    @SaurabhSharma-3556 5 лет назад

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

  • @spencerpingitore9
    @spencerpingitore9 Год назад

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

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

  • @mitchelleuzonna4523
    @mitchelleuzonna4523 Год назад

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

  • @1988proxy
    @1988proxy 5 лет назад +1

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

  • @mukunan6171
    @mukunan6171 6 лет назад

    Best one ever, so clear. Thanks very much

  • @ajaypanthagani5959
    @ajaypanthagani5959 4 года назад

    you are the best, both as a person and a developer!

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

  • @Phill_F
    @Phill_F 11 месяцев назад

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

  • @sumeetvyas5193
    @sumeetvyas5193 3 года назад

    Thank you so much for the comprehensive course!

  • @charlestoneoyoo
    @charlestoneoyoo 7 месяцев назад +1

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

  • @christopherikpat5512
    @christopherikpat5512 6 лет назад

    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

  • @sebastianalexandersson3191
    @sebastianalexandersson3191 5 лет назад

    This is so great. Thank you, man!

  • @byronnyayiera1393
    @byronnyayiera1393 3 года назад +1

    Thanks again Brad, still watching in 2021 July.

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

  • @JoonhwanLee
    @JoonhwanLee 4 года назад

    Wow. Concise and Xtal Clear Explanation. Thanks.

  • @medmeskine2762
    @medmeskine2762 2 года назад

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

  • @Anony584
    @Anony584 6 лет назад

    This course came right on time!

  • @TFlies
    @TFlies 3 года назад +1

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

  • @abdiqadirahmed2395
    @abdiqadirahmed2395 Год назад

    Thank you Traversy, learned alot from you

  • @Alique_VSI
    @Alique_VSI 3 года назад

    brad your channel rocks you made me a programmer

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