In order to do this in an effective way I have spent quite some time studying and researching about this language and the tools available for it.
So here is a list of resources that I think can really determine the quality and result of your Javascript project(s):
- JQuery: I couldn't not list it as first. This is the library that can turn boring and time consuming JS coding into pure fun!
- JQuery UI: Widget, animations, drag & drop and...extremely easy to use
- Themeroller: it is actually a sub-project of JQuery UI. In a few minutes you can get a nice look & feel all over your app with the possibility to completely change it by just replacing one file!!!
- Base.js: this script allows you to approach class inheritance in JS like you would in most of the languages you already know. It extremely simplifies class extension (with the extend() function) and the invocation of the parent implementation for an overridden method (with the base() function)
- JSLint: code analyzer. Before using it be aware "JSLint may hurt your feelings" :)
- JSMin: filters comments and unnecessary whitespace from your JS source. Reducing the size of the file, download time will be shorter...remember to keep a copy of the original source otherwise you will end up with something unreadable. Like JSLint it is also a creation of the JS Guru Douglas Crockford.
- QUnit: Any development stack needs a good unit testing tool and QUnit definitively is
- TestSwarn: from the genius of John Resig TestSwarn fills the gap between Unit testing and Browser-specific testing. As John Resig says in hig blog Javascript testing does not scale. TestSwarn allows you to run your unit test simultaneously on different browsers, maybe it can represent the final solution for Functional test as well
- JS Reference API: I find this Java-like API reference documentation very handy and very easy to navigate
- Mustache: a template engine for generating HTML. One of the most time-consuming task when writing Javascript is creating all the DOM objects and linking them together...this tool can represent the solution for this problem and can definitively change the way we program the DOM
- Backbone: simple, light-weight and not invasive MVC framework for the browser. 4kb for a module that can give structure and order to a web app. It integrates with JQuery and with any Javascript template engine
No comments:
Post a Comment