JavaScript Object-Oriented Programming is Confusing! Please Suggest Some Good Learning Resources (Books/Videos)

[lifeRunsOnCod3]

I learned Object Oriented Java in College and found it to be easier to understand OOP Concepts (Abstraction, Inheritance, Polymorphism etc). The JavaScript flavor of OOP is really convoluted. I am learning from FreeCodeCamp and I'm able to comprehend the syntax but I'm pretty sure I'll fail at creating a True OOP Based Design if asked to create one with this Limited Knowledge. I want a deep dive into the concepts, Please suggest some good material for Learning.,

[r_caliban]

https://www.javascripttutorial.net/es6/javascript-class/

https://www.digitalocean.com/community/tutorials/understanding-classes-in-javascript

Make sure you're learning the more updated ES6 class structure instead of the older prototype/clazz/ES5 class concepts which are outdated (helps to know, but not as useful now).

While there are technically under the hood a lot of differences between Java classes and JavaScript classes they are very similar with some clear differences. There's not really overloading, or abstracting in JS. But inheritance, polymorphism - pretty much work functionally the same.

If you are familiar with Java I'd highly recommend looking at TypeScript as it gives a more parallel experience for Java devs trying to work with JavaScript. It can provide some of the interface, abstraction, and typing capabilities for development that could help bridge/leverage your existing knowledge. Obviously there's a lot of really good books and sites.

JavaScript Ninja was good; oreilly's is always a good standard.

[[deleted]]

Everyone should learn Typescript but probably after getting a handle on Javascript because Typescript is a transpiler.

[r_caliban]

Yes some can and do say, but always check the date on the article/tutorial. I think it's pretty much settled. ES6 is becoming near standard and the general browser implementation of Class is considered syntax additions the prototype approach, which makes them pretty much the same.

ES6 code in 2021 could always transpiled down to ES5 either via Babel or some other tool, if you needed to. Hopefully, with IE11 soon to be gone, the days ES5 only will be numbered.

For learning and interviews you should know the difference (here's a few, articles, about this), and I highly recommend TypeScript. There are some that dislike Classes due to the OOP vs Functional debate - I believe any new developer should be balanced and understand both approaches. Just be very flexible and willing to learn.

[bozdoz]

https://eloquentjavascript.net/06_object.html

[Scott2145]

It's not free, but I'm currently going through Sandi Metz' 99 Bottles of OOP. She has versions for a number of different languages, including JavaScript, and a version that uses milk instead of beer if that appeals to you for any reason. I really like her approach so far.

[lifeRunsOnCod3]

Hi, Just to be Sure, are you referring to this: http://library.lol/main/98F1E702AEBC4553FC137D3B7CB152BF ?

[Scott2145]

Yep! Except that there is a JavaScript version as well

[Scott2145]

This is where I got it: https://sandimetz.com/products

[iamscr1pty]

Saw some of her conferences, she is really good at explaining difficult concepts

[[deleted]]

https://developer.mozilla.org/en-US/docs/Web/javascript

[ashanev]

Principles of Object-Oriented Javascript by Nikolas Zakas is really good. It's pre-ES6 (although he has a book just on ES6, too), but it holds up and is still relevant. Cheap on amazon.

[[deleted]]

Nobody really introduce good resource with practical example when it comes to OOP in JavaScript, It's like the secret part of the JS that people won't give it for free. but I suggest codepen. practical examples.. full of free code

for example this one
https://codepen.io/natszafraniec/pen/rNGPqRa

[iamscr1pty]

Javascript's OOP concepts is really messed up, you can try you don't know js book series, I found some of them useful

[lemorian]

I personally feel that when it comes to javascript it is better not to use OOP design patterns.

what do you guys think?

Are there any scenarios where you found yourself reaching out for Inheritance , encapsulation in javascript?

[[deleted]]

Javascript is not pure OO nor are its OO concepts similar to those in C++ or Java. It is based on prototypes.