javascript frameworks compared

Wednesday 4th July 2007 04:21 PM

Javascript is a much more powerful language than it is often given credit for. With a lot of browser support these days, many applications are using javascript far more to enhance the user experience and provide visual effects. To cater for some of these things, a few frameworks have emerged. Hopefully this will give javascript developers out there a bit of an insight to the various libraries and frameworks available.

Prototype
One of the first to become popular, prototype is very well established and provides a very extensible base, with a large number of supporters. It is a large framework (file size wise), but it is very comprehensive. It did have problems with documentation in the past, but it now is very well documented. There is also a compressed version of it available for use here.

script.aculo.us
This technically is not a framework in itself, but it adds on to the prototype framework with some visual effects and a lot of user-interface oriented functions to make working with js easy. Used by sites such as Digg, Apple and Ruby on Rails.

Mootools
Possibly the "trendiest" in the group, it is starting to become quite popular, especially in the design area. It is marketed as being very light-weight and provides a very unique "packager" to ensure you only download the features you require (to reduce file size). It's used by sites such as joomla, cnet and ubuntu.

jQuery
This framework has been getting a lot of press lately. They recently released a new version claiming an average 800% speed increase. You can also download both uncompressed and compressed versions of the source code straight from the download section. Sites using jQuery include SourceForge, BBC and Intel.

Yahoo! User Interface Library
The yahoo interface library is exactly as the name suggests, it provides some great tools to help with basic user interface items, such as autocomplete, calendars and tree/navigation views. iFilm and Podtech use YUI extensively.

Google Web Toolkit
Who can argue with the great google releasing a javascript toolkit! Once again, its features are similar to the yahoo library, and provides some great tools for user interface interaction. It focuses a lot more on server/client communication via Ajax. One big difference is that you are required to use a java-based development toolkit, and while it is very extensive, it is not particularly easy to use or deploy for n00bies, and requires you to use the Java SDK.

Microsoft Ajax
In a similar offering to the above Yahoo and Google toolkits, Microsoft has released it's own named "Ajax". This is a great extension to developers already using ASP.net, and is obviously the way to go, should that be your language of choice!

Other Frameworks:
Thanks for readers pointing out some I'd missed...
Summary
To sum things up, the right toolkit for you could be any of these depending on your situation. I generally use prototype+scriptaculous due to the fact they are very well supported and there are a huge number of people using it compared to the others. Mootools would have to be my second choice, as they seem to be very "in-touch" with features that real world designers are looking for.

Comments on this article:


#1 Elliot says:

Wednesday 4th July 2007 09:30 PM

I'd check out Ext too, it's brilliant.

#2 Nir Tayeb says:

Wednesday 4th July 2007 10:47 PM

Digg doesn't use script.aculo.us anymore, it use JQuery.
For JQuery there is Interface library that do what script.aculo.us do for prototype.
http://interface.eyecon.ro/

there is also OpenRico for prototype as gui library.
www.openrico.org


MooTools rocks!

#3 Zodiac says:

Wednesday 4th July 2007 10:48 PM

What about DWR ?

#4 Vivek says:

Wednesday 4th July 2007 11:46 PM

Dojo is also a good javascript framework. They just released 0.9 beta. Its becoming popular with companies like Sun, IBM supporting it.

#5 Siarhei says:

Thursday 5th July 2007 01:24 AM

The weak point of articles of this kind that you can't list everything and always something will be missed.
But in this case it's not complete comparison.
Just want to say about qooxdoo framework (http://qooxdoo.org). Well designed, object-oriented, with great build system and full functionality.

#6 Daniele Simonin says:

Thursday 5th July 2007 01:37 AM

Hi, good article!
I have made a list of ajax frameworks:
http://read.melodycode.com/news/260/quale_il_miglior_framework_ajax.html

take a look ;)

Thanks

#7 Shadowfiend says:

Friday 6th July 2007 11:44 PM

One of the distinguishing characteristics of Prototype, I feel, is that it makes Javascript more Ruby-like to write. It adds things like the Enumerable module from Ruby to Javascript arrays, and is not afraid of adding useful features to the base Javascript classes (like String, Object, etc). Basically, I'd say what defines Prototype is that they make Javascript more like Ruby. And, naturally, add a ton of useful features along the way :p

#8 Dmitry says:

Monday 8th December 2008 04:18 AM

New lightweight JavaScript framework: http://code.google.com/p/js-core/


Add Comment:


Make a Comment

*Nb, all comments are moderated to prevent spam or inappropriate content.








netforge logo
netforge provides high quality and friendly website design services to business. We're Australian based and reliable... (find out more).