DEV Community

Doni
Doni

Posted on

Understanding Object Oriented JavaScript

alt text

Recently I was tasked to create an Object Oriented Arcade Game and at first sight, it was a struggle. Learning JavaScript was a point of contention with me. There were many nights I almost pulled my hair out trying to understand the basic core concepts and when I thought I had everything figured, then came Object-Oriented JavaScript challenge.

Often times I was directed to MDN, but even then everything would go over my head. I would find myself being more attracted to articles that were simple and easy to read to give me a basic understanding of "why", so I have accumulated a list of links that have helped me understand Object-Oriented JavaScript better. In order for me to better understand the changes in ES6, I had to go back to ES5 as well. I hope these links help you too!

What are some of your favorite learning tools?

Object-Oriented Programming: The foundation

Learn the basics of object-oriented programming

Object Oriented Javascript

Instantiation Patterns In JavaScript

Object Oriented Programming

Object Oriented Programming

The Little Guide for OOP in JS

Constructor Functions:

Constructor Functions

Difference between Function and Class

Understanding Javascript Constructors

Functions vs Classes

Javascript Constructors and Prototypes

Constructors and Prototypes

Private properties in JavaScript ES6 classes

Classes

Class

Understanding Classes

Classes

Classes

This

This

Property Descriptors

Property Descriptors

Top comments (16)

Collapse
 
link2twenty profile image
Andrew Bone

How did the game turn out?

Collapse
 
doni profile image
Doni

I am almost done! Thanx for asking! :)

Collapse
 
link2twenty profile image
Andrew Bone

Are you planning on putting it up on GitHub when it's done or is that not allowed with the course?

I think a Dev Diary post along with the source up on GitHub would be really cool πŸ™‚

Thread Thread
 
doni profile image
Doni

Yes, I plan on putting it on there. I had no idea about a Dev Diary, let me look into it and thank you for telling me about it! :)

Thread Thread
 
ben profile image
Ben Halpern

Happy to help you with any questions you might have about follow up posts!

Thread Thread
 
doni profile image
Doni

Thank you, will do!

Thread Thread
 
link2twenty profile image
Andrew Bone • Edited

A little tip, that you may already know, there are a bunch of sites that will take a Git repository and let you browse the files. CDN style.

GitCDN is a good one, just paste a link to the RAW view of your index.html and you'll get a link and the game will work in the browser without you having to host it.

Here's one I made earlier, it looks really nice by the way πŸ™‚

Thread Thread
 
doni profile image
Doni

I actually heard about GitCDN but never tried it. Thank you for sharing this with me, because I currently just use the pages that GitHub provides.

Collapse
 
ben profile image
Ben Halpern

I'm just glad JS is becoming more and accepting of actual programming paradigms and patterns.

Modern JS is not JS of old.

Collapse
 
leazerme profile image
Volodymyr Kapeluh

Interesting post and i like it. I'll wait new article

Some comments may only be visible to logged-in visitors. Sign in to view all comments.