loading...

Understanding Object Oriented JavaScript

donita profile image Donita ・2 min read

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

Discussion

pic
Editor guide
Collapse
link2twenty profile image
Andrew Bone

How did the game turn out?

Collapse
donita profile image
Donita Author

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
donita profile image
Donita Author

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
donita profile image
Donita Author

Thank you, will do!

Thread Thread
link2twenty profile image
Andrew Bone

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
donita profile image
Donita Author

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

Collapse
tux0r profile image
tux0r

Recently I was tasked to create an Object Oriented Arcade Game

But why JavaScript?

Collapse
donita profile image
Donita Author

I'm apart of the Udacity Front- End Program and Javascript was required. :)

Collapse
justicofjustin profile image
Anthony

How do you like the Udacity program?

Thread Thread
donita profile image
Donita Author

I love it. I am apart of the Grow the Google initiative that Google is doing through Udacity, so I love it because of the online community that it provides. I started out as a complete beginner in January and my growth in development has grown due to the community support that I received.

Thread Thread
justicofjustin profile image
Anthony

How do you like the style of instruction? Is it mostly video or text, are there any live sessions? I'm thinking about doing the full stack dev course and trying to see if the instruction style would work for me.

Thread Thread
donita profile image
Donita Author

I love it, but I did use FreeCodeCamp as well. It's both and some lessons are more text heavy than others. There were no live sessions though.