JavaScript Classes Tutorial

In JavaScript you can use the OOP (Object-Oriented-Programming) feature of "classes" to construct objects which are then useful resources for your script/application.
Learn all about classes in JavaScript in this video.
⭐️ Course Contents ⭐️
⌨️ (00:00) The Basics
⌨️ (14:40) Getters and Setters
⌨️ (22:43) Static Methods
⌨️ (30:11) Inheritance and Extends
⌨️ (40:22) Polymorphism
⌨️ (46:00) Classes in Practice
Learn more about JavaScript in this full course: • JavaScript Basics Course
🎥Tutorial by dcode. Check out the dcode channel for more great tutorials: / @dcode-software
🐦dcode on Twitter: @dcodeyt
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: medium.freecodecamp.org

[@dcode-software]

Sorry about the light theme! I'll promise to use a dark theme for all my future videos 😁

[@magakz]

Which theme is that ?

[@dcode-software]

@@magakz from memory that one is the Brackets Light theme

[@ahmedk575]

light theme is better for people with sight problems

[@clarkrc82]

Yeah but light theme causes sight problems for those of us who DONT have sight problems lol

[@tharindadivakara2881]

I know it sounds odd, but I work with light themes. 😅 And this theme is really good!

[@karinmeersman5123]

beautifully explained. I especially appreciate the fact that you show how classes can be used in real situations. Often that is missing and then the explanation will not stick. I loved it!

[@user-hs6tg6zy4e]

I've been studying for 6 months. I aspire to be a web developer.
In my 6 months, of all the topics i had to learn, this was the best teaching video I've watched. Also, I never comment, but this time I had to.
Thank you,

[@KevinRamirez-vw5kv]

Best video I've seen on classes. First time they really made sense.

[@freecodecamp]

Here are some more JavaScript resources:
JavaScript basics course: ruclips.net/p/PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5
Another JavaScript course: ruclips.net/video/_y9oxzTGERs/видео.html
Learn JavaScript in a text-based curriculum: www.freecodecamp.org

[@jacobwilsh8517]

This was a great tutorial. Concise, clear, straight to the point. Thank you

[@Kayotesden]

A wonderful & comprehensive revision of basics on Classes. I loved it. Thank you.

[@sumanboi]

"the programmer issa special type of person" 36:00 killed me 😂 🤣

[@natashaswan7731]

This is super helpful! I watched many videos on OOP but this one by far more explanatory than all of them. THANK YOU!!!!

[@CianaCorto]

A very helpful refresher course! Thanks Dom!

[@zeinab_3107]

I searched a lot to find this amazing class toturial. I can't say how thankful I am. It was the best explanation for class on the internet. God bless you❤🙏🏽

[@starnsboy]

This is great! Do not be put of by the 1 hour length. Its worth a watch!

[@user-on8jd7tk3t]

Why? he discovers too many things.

[@ingavaiciakauskaite3485]

Great tutorial, excellent explanations, thanks a lot!

[@user-tj6ob8jz8h]

Enjoyed every second of the tutorial! Especially the practice part. Thank you a lot ;)

[@RosanaMoreno-vm5df]

Thanks a lot for the beginner-friendly classes' lesson!!! It was easy to understand and entertaining to watch

[@pedrolelis7854]

Amazing content! Well explained, just to the point! Thanks A LOT!

[@dev4SEO]

Thank you. I liked the video, it is good and I've learned quite a bit. Just one thing about the last example of DOM manipulation - it was a bit harder to understand, because I felt that not all was laid out in a clear and correct order, so it was a bit confusing. But still - great job, thanks again.

[@eliasvasques80]

Ohhh, fantastic tutorial, thanks for the lesson!

[@TomFoley247]

Thank you so much. I've found this playlist to be the best JS Classes tutorial out there.

[@limitless1692]

Great video .
Neat introduction into the Class syntax and all its keywords .
Thanks !

[@fatemeetsluck]

This video inspired me to add get and set properties to my own scripting language. Great video as always!

[@frankylopez4477]

Thanks, i liked it a lot. Its really concise and easy to understand. This help a lot for the basics.

[@sivko23]

who else loves the sound of keyboard?

[@erniea5843]

seriously, get a mic!

[@foxjonesofficial]

Me

[@jepqmw]

sound of keyboard is pretty cool but on white theme background it sucks :'(

[@xi_red4936]

It gives me chills lol

[@maujadiprogrammer]

thank you for the tutorial, it really helps me out.

[@djnefrozhardstylepromotion3527]

Amazing tutorial, makes OOP really easy to dive into !

[@PapaWilk]

on-screen tutorials like this are such a valuable resource. I followed along until the Classes in Practice section. I lost sight of what we were doing and why we would want to be doing it on our website. While I lost sight of the "big picture," the author's attention to detail was impeccable. Good video.

[@ChrisTian-ox5nr]

OOP can be especially beneficial when building complex websites or applications where you need to model different entities, such as users, products, or orders, and their interactions. It provides a clear and structured way to represent and manipulate these entities in your code.

[@rossfindlay5375]

Great lesson, thanks!

[@VocalStudioByTen]

Thank you very much! Very clear!

[@bekhzodbeknematov]

a perfect explanation with examples , i would appreciate

[@raghumesta26]

Thank you for your effort!

[@jrunin]

excelently explained. Thank you.

[@wikylhr]

Super easy to understand. Thank you

[@user-ke4yx6uw1r]

Amazing amazing amazing.
Absolutely loved it.
Thank you very much.

[@user-ye4lg5im9y]

Great tutorial! Thanks.

[@emmadebarros6214]

Really helpful, thank you!

[@ArmandoPineda4]

This was great, thanks!

[@JamesShisiah]

This is how front end frameworks are made, from minute #46. Great tutorial

[@burgerxxiii]

I finally conquered javascript classes basics, thanks to you!

[@MisterAndreSafari]

Great explaining skills. Thx!!

[@shashankthapa659]

Thank god it took me 10 hours to watch and practice it throughly. Now, Im through! Thanks a lot coach!

[@Larreth]

The best OOP lesson i've ever taken!

[@asyakim5555]

really understandable. thank you for your work

[@joedewhurst6569]

This has really helped! thanks :)

[@Fishamble]

Thank you. I very mush appreciated the example with an actual real world implementation of a class.

[@brightprogrammer]

short, compact and to the point

[@dansmar_2414]

One of the best tutorials!

[@henrysemaganda9587]

Great video, you have made my career !!

[@himanshuvashist3446]

thank you for this video. :)

[@michaelmellor6061]

Great content !

[@carmelon8917]

Useful lesson!

[@chriseski]

Amazing tutorial, really helpfull. Subscription earned!!

[@GitGudZ]

Great Tutorial. Thanks you very much.

[@AbhishekKumar-mq1tt]

Thank u for this awesome video

[@charanckck]

Thank you bro. Very well understood.

[@fregina3813]

Brilliant class, thx a lot

[@thabosiphiwemngoma4772]

He's name is DOM can there a better teacher for this class? Oh man!!! great class and very constructive lessons(excuse me there). I needed this because I was about to assume that classes were a react.js syntax

[@knightonhd1144]

Good stuff 👍

[@muhammadsafiullah8428]

Great tutorial.

[@yadikishameer9587]

This might be the first tutorial I have seen that's in bright mode 🤪

[@MsSamar2005]

excellent tutorial thanks alot

[@totfosk]

Dom is the best. The fact that he used underscore on the argements to not get more confusing is key. Most of the tutorials just put this.abc = abc and it's very confusing.

[@Joseph.Ashenafi]

wuu 🤩 , great tutorial

[@tyresew.4233]

This is free information!!!

[@muhammadjawad9341]

Simple & to the point :)

[@emmanuelobonyo291]

Thank you for this.

[@myankpraksh]

Thank you so much.

[@EsnoFava]

Thanks, I hate reading MDN docs, this is so much better.

[@user-xz8of6pk8q]

Thank for the explanation. Espcially the real situation.

[@hazemabdo522]

what a very cool tutorial ❤❤.

[@havefun5519]

Thanks for your tutorial, really good.

[@havefun5519]

Ops, I have watched it 2 years ago, finally I re-watch again.haha

Thanks, I always was scared of classes, but now i see it's not thet hard

[@markm8090]

Although I'm close to completing a Udemy course, this vid has helped me to understand this part better. Know that this is an old video, but maybe would be better using dark mode in VS (little difficult for me to see the code on my screen). Thanks, love the tutorials! :)

[@DineshKumar-jt5tr]

bro can suggest me good javascript course in udemy for begginer to advance

[@yashuverma5399]

Awesome tutorial

[@mohammadanarul624]

thank you so much.....

[@DineshVutukuru]

Beautiful explanation

[@sonamuhialdeen7866]

Awesome tutorials

[@pearlsswine]

Thanks for the video! You did a really good job explaining classes, and I really appreciate using an example at the end of what a class would be used to manipulate the DOM. It actually helps understand the usefulness of classes.

[@sowmyakonkala1046]

very nice video for the first time it did not feel like its an hour video

[@mattyblake9427]

this is wonderful

[@AkaExcel]

Thank You for your useful video!

[@dapolcio3405]

I think this is the only tutorial on youtube where classes are shown in practice. Other tutorials only show theory so to speak and watching them you don't know how to use this theory in real life application.

[@sardertuhin796]

great explanation

[@envisionstudio2512]

Super bro...!

[@emranweb]

Thanks a lot

[@mamadmehdiazizi9401]

That was great

[@abhishekkrishna8056]

beautifully explained

[@tuxmusicman]

Fixed my problem with super()! Thank you!

[@tuxmusicman]

I'm still having a problem where the class isn't being updated.

[@finncollins5696]

fantastic.....

[@mcurtis13]

Thanks I now understand react lol

[@slmshady539]

yeah in fact I came here because of class-based react components.

[@limitless1692]

Michael Curtis
Wow this is insane , I mean shouldn't you understand vanilla javascript before working with any framework ?
Just saying ...

[@aylincelik6586]

thank youu😊

[@eda___6299]

Thank you

[@SyedShahArifQadri]

very nice

[@sriramnagarajanit]

Super explanation :)

[@Ali-lm7uw]

Nice tutorial. Is there anymore to OOP than this or is knowing this enough?

[@thequickcode5144]

thanks sir😊

[@gosinP]

What is the keyboard of your choice?
Thank for the video.
It will be nice if there are some more practice examples, but either way - it is quite resourceful.

[@adamashmori1662]

very good video

[@mariyahadzhiyska7681]

Thank you! The tutorial was really helpful!

[@z4mbon]

thank you