<pedrocorreia.net ⁄>
 

<Scaling A JavaScript Codebase ⁄ >




clicks: 3118 3118 2011-03-09 2011-03-09 goto programacao myNews programacao  Bookmark This Bookmark This


This is a story about how my team learnt to scale our JavaScript code. I hope the examples here will give confidence to developers that need to build a large JavaScript codebase but are unsure how to do so.

The Big Ball of Mud

In the beginning we only had one file, which was called ui.js. It followed the popular big ball of mud pattern. But a codebase with no abstractions cannot scale. We needed more abstractions. We had read about encapsulation and modularisation, but it wasn't immediately obvious how apply these ideas.

Over time we learnt how to apply these ideas and mixed them with ideas commonly found in Java code bases like dependency injection and composition. We moved away from the big ball of mud to having a lot of abstractions with a uniform structure. It all began with the namespace.



este é só um excerto do artigo, para aceder ao artigo completo, clique no link em baixo:
this is just a small excerpt from the article, to access the full article please click in the link below:

http://yeungda.com/2010/02/26/scaling-a-javascript-codebase.html




Subscribe News RSS  Subscribe News Updates by E-mail





myNews <myNews show="rand" cat="programacao" ⁄>

RouterJs: easy routing for your ajax Web applications new ...

RouterJs is a simple router for your ajax web apps. It's build upon History.js which means that Rout (...)

clicks: 17028 17028 2012-05-14 2012-05-14 goto url (new window) haithembelhaj.g... goto myNews programacao


Backbone computed properties new ...

This gist shows one way to implement read- and write-enabled computed properties on a Backbone Model (...)

clicks: 16838 16838 2012-05-13 2012-05-13 goto url (new window) https://gist.gi... goto myNews programacao


Android Query new ...

Android-Query (AQuery) is a light-weight library for doing asynchronous tasks and manipulating UI el (...)

clicks: 17004 17004 2012-05-12 2012-05-12 goto url (new window) code.google.com... goto myNews programacao


Create Instagram Filters With PHP new ...

In this tutorial, I'll demonstrate how to create vintage (just like Instagram does) photos with PHP (...)

clicks: 16643 16643 2012-05-12 2012-05-12 goto url (new window) net.tutsplus.co... goto myNews programacao


HTML5 jQuery Paint Plugin new ...

Websanova Paint is a HTML5 canvas based jQuery plugin. It allows you to free paint on a canvas area (...)

clicks: 27723 27723 2012-05-12 2012-05-12 goto url (new window) websanova.com/t... goto myNews programacao


Sass vs. LESS vs. Stylus: Preprocessor Shootout new ...

CSS3 preprocessors are languages written for the sole purpose of adding cool, inventive features to (...)

clicks: 16314 16314 2012-05-11 2012-05-11 goto url (new window) net.tutsplus.co... goto myNews programacao


Real-time Applications With Node.js and Socket.IO new ...

Hey everyone! Sorry about the long pause since the last blog post, life has been quite hectic for th (...)

clicks: 16997 16997 2012-05-11 2012-05-11 goto url (new window) codingcookies.c... goto myNews programacao


15 Handpicked jQuery Drop Down Menus Tutorials new ...

Here we are presenting another brilliant collection of 15 jQuery navigation menu that you can downlo (...)

clicks: 15945 15945 2012-05-10 2012-05-10 goto url (new window) smashingapps.co... goto myNews programacao