Ivan Weiler - senior developer and educator, Inchoo http://inchoo.net/author/weiler/profile/ Osijek Software City, http://softwarecity.hr J. J. Strossmayer University of Osijek – Department of Mathematics, http://www.mathos.unios.hr/
http://ivanweiler.github.io/oo-javascript/ (source at https://github.com/ivanweiler/oo-javascript/)
Google Chrome with built-in dev tools https://developers.google.com/chrome-developer-tools/
http://www.codecademy.com/ Learn to code interactively. Register. http://jsfiddle.net Online code editor and playground. Register.
Array has Keys and Values. "length" is property of String and Array only.
Same as Array but with named keys.
Loop through Arrays using for loop and through Objects using for-in loop. Use Object.hasOwnProperty() to filter if needed (or Object.keys()).
There are many other built in object like Math, JSON, Date, RegExp .. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects Also, every html element is an object.
CodeAcademy courses - Data structures http://www.codecademy.com/en/tracks/javascript
http://www.w3schools.com/js/default.asp http://www.w3schools.com/jsref/default.asp https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects
Object-oriented programming (OOP) is a programming paradigm based on the concept of "objects", which are data structures that contain data, in the form of fields, often known as attributes or properties; and code, in the form of procedures, often known as methods. Class vs. Object - An object is an instance of a class
A new JavaScript class is defined by creating a simple function. A "constructor" in JavaScript is just a function that happens to be called with the new operator.
Prototype allows you to add properties and methods to an object.
Every JavaScript object has an internal property called Prototype. If you create a new object via "new SomeClass()", the objects Prototype property will be set to the object referenced by "SomeClass.prototype".
Inheritance is when one class extends another class, inheriting all its behaviour (properties and methods).
proto (or __proto__) in debugger shows full inheritance chain. It's a pointer to prototype of the class that created that object. If property or method isn't found in current object, engine goes through prototype chain trying to find it.
All objects in JavaScript are descended from object "Object", so all objects inherit methods and properties from Object.prototype.
One mis-feature that is often used is to extend Object.prototype or one of the other built-in prototypes. While sometimes used by popular frameworks, there is still no good reason for cluttering built-in types with additional non-standard functionality. The only good reason for extending a built-in prototype is to backport the features of newer JavaScript engines; for example Array.forEach, etc.
CodeAcademy courses - Objects I, Objects II http://www.codecademy.com/en/tracks/javascript
http://net.tutsplus.com/tutorials/javascript-ajax/prototypes-in-javascript-what-you-need-to-know/ http://net.tutsplus.com/tutorials/javascript-ajax/the-basics-of-object-oriented-javascript/ http://yehudakatz.com/2011/08/12/understanding-prototypes-in-javascript/ http://mckoss.com/jscript/object.htm https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype http://dmitrysoshnikov.com/ecmascript/javascript-the-core/ http://en.wikipedia.org/wiki/Prototype-based_programming http://ejohn.org/apps/learn/#64
"this" references current object in execution. Context, the value of this = where are we currently, in which object. Context is controlled by either the new keyword, in which case the context is the newly created object, or by how a function is invoked.
The window object represents an open window in a browser. In browsers, everything happens inside window. The Matrix has you!
All global JavaScript objects, functions, and variables automatically become members of the window object.
There is also new Function.bind(thisArg[, arg1[, arg2[, ...]]]).
Code is ussualy grouped in namespaces to seperate functionality and prevent value overwriting.
If variable isn't set as local with "var", it will always be global in javascript.
When variable isn't found, javascript will climb up the scope chain trying to find it. This is why window object is acting like top most global in javascript.
Variable declarations are hoisted, initializations are not. Declare your variables at the top !!
Every JavaScript function forms a closure on creation. When you pass function to another scope, it takes its variable environment with it.
https://javascriptweblog.wordpress.com/2010/10/25/understanding-javascript-closures/
In javascript you're often passing functions as callbacks, this is when closures are really useful.Test Link
http://ejohn.org/apps/learn/#48 Go through this workshop one more time. Check resources.
http://ryanmorr.com/understanding-scope-and-context-in-javascript/ http://ejohn.org/apps/learn/ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function http://www.w3schools.com/js/js_function_closures.asp https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures https://javascriptweblog.wordpress.com/2010/10/25/understanding-javascript-closures/
2015 Ivan Weiler, Inchoo