jQuery, AngularJS and JavaScript

JavaScript OOP and Prototype-based OOP

June 10th, 2016 / placed in Study. / Tags: , , , , .

JavaScript OOP

JavaScript OOP is about using self-contained chunks of code to develop applications. OOP is short for Object-Oriented Programming. These self-contained chunks of code are called objects. Building applications with objects as our building blocks in JavaScript has more potential when we use great advantages like Inheritance and Encapsulation.

Prototype-based OOP JavaScript

In prototype-based object-oriented programming we create an object. This object can have certain properties and functions. If we create an vehicle, this vehicle can have properties like vehicle.type and vehicle.color to create a simple basic vehicle. You can use this basic vehicle as a prototype for an more specific vehicle, all you need to do is to ‘clone’ that basic vehicle and add some other specific properties to it and you’ll have a custom vehicle! For example:

Lees verder

JavaScript Cubes with 'History'

JavaScript test with cubes

June 6th, 2016 / placed in Study. / Tags: , , .

A little test with JavaScript. At school I was shown an little test. In this test were 3 cubes shown, once a cube is clicked it moves to the right. So basically you can click the cubes in a random sequence and the cubes move to the right as you click. But there is also a “one step back” button that removes your last click and so the cube u clicked last should move back to the left. Now I would have to figure out how this was done and try to achieve this myself.

The idea of my solution

So, with the description above I evaluated step by step what should be done and what should happen.

– First, simply creating the cubes of course and then my “one step back” button.
– Second, I would want to store my click event from every cube inside a array.
– Count up my clicks with an increment number on each click.
– Store each individual click inside the correct array from the clicked cube.
– Let the back button find out what the last click has been with a Math through the array’s of the cubes.
– Determine in which array/cube that last click has been and move that cube back.

Lees verder