Comparison of JavaScript frameworks-Comparison of frameworks (8)

Framework comparison

Table 1 provides a detailed comparison of the five frameworks discussed in this article

	Prototype	JQuery	YUI	ExtJS	MooTools
Latest Version	1.6.1	1.4.1	3.00	3.1	1.2.4
License	MIT	MIT & GPL	BSD	Commercial & GPL v3	MIT
			Browser Compatibility
IE Support	6.0 +	6.0 +	6.0 +	6.0 +	6.0 +
Firefox Support	1.5 +	2.0 +	3.0 +	1.5 +	2.0 +
Safari Support	2.0.4 +	3.0 +	4.0 +	3.0 +	2.0 +
Opera Support	9.25 +	9.0 +	10.0 +	9.0 +	9.0 +
Chrome Support	1.0 +	1.0 +	Not verified	Not verified	Not verified
			Core Features
Ajax Support	Yes	Yes	Yes	Yes	Yes
DOM Manipulation	Yes	Yes	Yes	Yes	Yes
DOM Traversal	Yes	Yes	Yes	Yes	Yes
Event Handling	Yes	Yes	Yes	Yes	Yes
JSON	Yes	Yes	Yes	Yes	Yes
Selectors	Yes	Yes	Yes	Yes	Yes
			UX/UI Enhancements
Accordion	No	JQuery UI	No	Yes	MooTools More
Animation	Scriptaculous	Yes	Yes	Yes	Yes
Auto Completion	Scriptaculous	No	Yes	Yes	No
Browser History	Scriptaculous	No	Yes	Yes	No
Calendar	No	JQuery UI	Yes	Yes	No
Charting	No	No	Yes	Yes	No
Drag and Drop	Scriptaculous	JQuery UI	Yes	Yes	MooTools More
Grids	No	No	Yes	Yes	MooTools More
Progress Bar	No	JQuery UI	Yes	Yes	No
Resizing	No	JQuery UI	Yes	Yes	No
Rich Text Editor	No	No	Yes	Yes	No
Slider	Scriptaculous	JQuery UI	Yes	Yes	MooTools More
Tabs	No	JQuery UI	Yes	Yes	No
Themes	No	JQuery UI	Yes	Yes	MooTools More
Tree Views	No	No	Yes	Yes	No

Other noteworthy frameworks

For simplicity, this article only discusses five popular frameworks, which does not mean that this is the most popular, the best, and the most functional.

Other frameworks are also worth mentioning.

• Cappuccino
• Dojo
• Glow
• GWT
• MochiKit
• Qooxdoo
• Rialto
• Rico
• SproutCore
• Spry
• UIZE

Review

In this article, you have learned about the concept of the JavaScript framework and its benefits in the development of websites and network applications. There is a general description of the common functions of these frameworks, and its application is illustrated with examples. At the same time, you also know one or more user experiences and user interfaces of the five frameworks. Finally, you get an intuitive table highlighting the features that each framework has or does not have. With this information, you can further study these frameworks before making informed choices for you or your team.

Resources

• (DeveloperWorks, November 2005) explains how
  Build Ajax-based Web applications. Dojo.
• Learn about
• Read the articleDojo concepts for Java developers (developerWorks, October 2008) to bridge the gap from Java code to Dojo so that you can get up to speed quickly and use the toolkit when developing your applications.
• Read Call SOAP Web services with Ajax,
  Part 1: Build the Web services client
  (DeveloperWorks, October 2005) to learn how to implement a Web browser-based
  SOAP Web services client using the Ajax design pattern.
• Overcome
  Security threats for Ajax applications
  (DeveloperWorks, June 2007) discusses
  Threats associated with Ajax technologies and gives you some best
  Practices to avoid them.
• Mastering
  Ajax, Part 1: Introduction to Ajax
  (DeveloperWorks, December 2005) explains how HTML,
  JavaScript, DHTML, and DOM work together to make extremely efficient Web
  Development an easy reality.
• Simplify Ajax development with jQuery
  (DeveloperWorks, faster l 2007) examines the jQuery
  Philosophy, explains its features and functions, and gives you some common
  Ajax tasks.
• Using Ajax with DB2
  (DeveloperWorks, August 2007) shows how the IBM Information
  On Demand 2006 Conference Personal Planner uses Ajax to work
  DB2®.
• To listen to interesting interviews and
  Discussions for software developers, check out developerWorks podcasts.
• DeveloperWorks technical events and webcasts:
  Stay current with developerWorks technical events and webcasts.

Obtain products and technologies

• Download the Dojo toolkit. Dojo toolkit.
• Get the Prototype Javascript framework.
• Get jQuery.
• The jQuery User Interface provides
  Export actions for low-level interaction and animation, advanced effects and
  High-level, themeable widgets, built on top of the jQuery JavaScript
  Library.
• Get script. aculo. us.
• Get MooTools.
• Download and
  Learn about the Yahoo! YUI Library.
• Get ExtJS.
• Innovate your
  Next open source development project with IBM trial software,
  Available for download or on DVD.
• Download IBM product evaluation versions,
  And get your hands on application development tools and middleware
  Products from DB2, Lotus®, Rational®, Tivoli®, And
  WebSphere®.

About the author

Joe Lennon is a 24-year-old software developer from Cork, Ireland. joe is author of the forthcoming Apress book Beginning CouchDB, and has contributed several technical articles and tutorials to IBM developerWorks. in his spare time, Joe likes to play football (soccer), tinker with gadgets and work on his Xbox 360 gamer score.

Reprint address: http://www.denisdeng.com /? P = 736

Address: http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html