Return to Answer

The best pattern to start "OOP" in JavaScript is the Revealing Pattern:

var revealed = function(){
 var a = [1,2,3];
 var abc = function(){
 return (a[0]*a[1])+a[2];
 }
 return {
 name: 'revealed',
 abcfn: abc
 }
}();

From here.

Then read this book.

And learn RequireJS, which will increase the modularity of your code and will load your JS files on demand.

I see you are using JS for create HTML elements. To help you with this, take a look at UnderscoreJS templates and Mustache.

The best pattern to start "OOP" in JavaScript is the Revealing Pattern:

var revealed = function(){
 var a = [1,2,3];
 var abc = function(){
 return (a[0]*a[1])+a[2];
 }
 return {
 name: 'revealed',
 abcfn: abc
 }
}();

From here.

Then read this book.

And learn RequireJS, which will increase the modularity of your code and will load your JS files on demand.

I see you are using JS for create HTML elements. To help you with this, take a look at UnderscoreJS templates and Mustache.

The Best Pattern to start "OOP" in Javascript is Revealing Pattern:

var revealed = function(){
 var a = [1,2,3];
 var abc = function(){
 return (a[0]*a[1])+a[2];
 }
 return {
 name: 'revealed',
 abcfn: abc
 }
}();

from: http://stackoverflow.com/questions/5647258/how-to-use-revealing-module-pattern-in-javascript

Then read this book: http://addyosmani.com/resources/essentialjsdesignpatterns/book/

And learn requirejs, that will increase the modularity of your code and will load your js files on demand.

I see you using js for create html elements, to help you with this, that take a look on underscorejs templates and mustache.

The best pattern to start "OOP" in JavaScript is the Revealing Pattern:

var revealed = function(){
 var a = [1,2,3];
 var abc = function(){
 return (a[0]*a[1])+a[2];
 }
 return {
 name: 'revealed',
 abcfn: abc
 }
}();

From here .

Then read this book .

And learn RequireJS, which will increase the modularity of your code and will load your JS files on demand.

I see you are using JS for create HTML elements. To help you with this, take a look at UnderscoreJS templates and Mustache.

The Best Pattern to start "OOP" in Javascript is Revealing Pattern:

var revealed = function(){
 var a = [1,2,3];
 function abc(){
 return (a[0]*a[1])+a[2];
 }
 return {
 name: 'revealed',
 abcfn: abc
 }
}();

from: http://stackoverflow.com/questions/5647258/how-to-use-revealing-module-pattern-in-javascript

Then read this book: http://addyosmani.com/resources/essentialjsdesignpatterns/book/

And learn requirejs, that will increase the modularity of your code and will load your js files on demand.

I see you using js for create html elements, to help you with this, that take a look on underscorejs templates and mustache.

The Best Pattern to start "OOP" in Javascript is Revealing Pattern:

var revealed = function(){
 var a = [1,2,3];
 var abc = function(){
 return (a[0]*a[1])+a[2];
 }
 return {
 name: 'revealed',
 abcfn: abc
 }
}();

from: http://stackoverflow.com/questions/5647258/how-to-use-revealing-module-pattern-in-javascript

Then read this book: http://addyosmani.com/resources/essentialjsdesignpatterns/book/

And learn requirejs, that will increase the modularity of your code and will load your js files on demand.

I see you using js for create html elements, to help you with this, that take a look on underscorejs templates and mustache.