<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Technoticles&#187; jquery</title>
	<atom:link href="http://technoticles.com/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://technoticles.com</link>
	<description>(Techno)logy + Ar(ticles) = Technoticles</description>
	<lastBuildDate>Tue, 24 Jan 2012 07:26:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>JavaScript framework comparison</title>
		<link>http://technoticles.com/2010/01/15/javascript-framework-comparison/</link>
		<comments>http://technoticles.com/2010/01/15/javascript-framework-comparison/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 04:57:46 +0000</pubDate>
		<dc:creator>nitin</dc:creator>
				<category><![CDATA[Software Development]]></category>
		<category><![CDATA[dojo]]></category>
		<category><![CDATA[ext-js]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://technoticles.wordpress.com/?p=47</guid>
		<description><![CDATA[I was going through the web to find out about the various JavaScript framework. After some research this is what I could compile from a lots of sources. This article is intended to be conversation so that everyone can comment and share their experiences in order to made it a more holistic comparison.
The first thing [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-family:georgia;font-size:100%;">I was going through the web to find out about the various JavaScript framework. After some research this is what I could compile from a lots of sources.</span><span style="font-family:trebuchet ms;font-size:100%;"> This article is intended to be conversation so that everyone can comment and share their experiences in order to made it a more holistic comparison.</span></p>
<p><span style="font-family:georgia;font-size:100%;">The first thing to figure out when choosing a JavaScript framework is<br />
<span style="font-weight:bold;">identifying your need correctly:</span></span><span style="font-family:trebuchet ms;font-size:100%;"><br />
</span></p>
<ul style="font-family:trebuchet ms;font-weight:bold;">
<li><span style="font-size:100%;"> Need 1: DOM Manipulation (Enhancing your site by adding behavior)</span><span style="font-size:100%;font-weight:normal;"> : If you&#8217;re looking only to enhance your site by adding behavior and to extend it with plug-ins of your own you can do it with jQuery. I.E. if DOM manipulation is the key feature you need, then JQuery is the best. Ext JS has recently released a free library Ext Core to counter JQuery and it seems to be pretty good.</span><span style="font-size:100%;"><br />
</span></li>
</ul>
<ul style="font-family:trebuchet ms;font-weight:bold;">
<li><span style="font-size:100%;"> Need 2: Making widgets, custom JavaScript based GUI : </span><span style="font-size:100%;font-weight:normal;">Dojo is good bet here. YUI also provides good widgets.</span><span style="font-size:100%;font-weight:normal;">But if you want to give a more desktop like look and feel (windows, panels), EXT JS is the best. Though important to note is that its paid (developer license when you go to production).</span><span style="font-size:100%;"><br />
</span></li>
</ul>
<ul style="font-family:trebuchet ms;font-weight:bold;">
<li><span style="font-size:100%;"> Need 3: Building a large application that will do a lot :</span><span style="font-size:100%;font-weight:normal;">Dojo is fantastic for building a large scale application that will do a lot, and end up with a ton of JavaScript. Everything you need will be found there.</span><span style="font-size:100%;"><br />
</span></li>
</ul>
<ul style="font-family:trebuchet ms;font-weight:bold;">
<li><span style="font-size:100%;">Need 4: Creating rich dashboards and admin consoles :</span><span style="font-size:100%;font-weight:normal;">Ext JS has a great usage in creating here. Its already created look and feel makes it very easy to reuse. But again its paid. It provides a lot of extensible, uniform-looking components (layout manager, templating support, trees, grids, tabbed panels, windows, etc.).</span><span style="font-size:100%;"><br />
</span></li>
</ul>
<p><span style="font-family:trebuchet ms;font-size:100%;"> </span></p>
<p><span style="font-family:georgia;font-size:100%;font-weight:bold;">Some Criteria that you need to take into account:</span><span style="font-family:trebuchet ms;font-size:100%;"> </span></p>
<ul style="font-family:trebuchet ms;font-weight:bold;">
<li><span style="font-size:100%;"> Criteria 1: Learning curve and speed of development :</span><span style="font-size:100%;font-weight:normal;"> JQuery wins here, as its easy to learn and uses less lines of code. But its basically for DOM manipulation. Dojo is huge but then you can learn only what you want to use. Prototype fits somewhere in between these worlds. It is small enough to feel small (not a huge library to learn) yet large enough that you don’t jump out into creating a lot of your own code.</span><span style="font-size:100%;"><br />
</span></li>
</ul>
<ul style="font-family:trebuchet ms;font-weight:bold;">
<li><span style="font-size:100%;"> Criteria  2: Code readability and Maintainability : </span><span style="font-size:100%;font-weight:normal;">Prototype is much more readable than JQuery. Ext Core and Dojo also are pretty readable. Complex JQuery code is difficult to maintain and to reuse.</span><span style="font-size:100%;"><br />
</span></li>
</ul>
<ul style="font-family:trebuchet ms;font-weight:bold;">
<li><span style="font-size:100%;"> Criteria 3: Speed and Code Size : </span><span style="font-size:100%;font-weight:normal;">For basic JavaScript functionality, you could even use Robert Nymans DOMAssistant or DLite. ExtJs (not Ext Core) is comparatively heavier than the rest.</span><span style="font-size:100%;"><br />
</span></li>
</ul>
<ul style="font-family:trebuchet ms;font-weight:bold;">
<li><span style="font-size:100%;"> Criteria 4: Good Ajax support :</span><span style="font-size:100%;font-weight:normal;">Generally all frameworks now a days have Ajax support but JQuery seems slightly lacking here.</span><span style="font-size:100%;"><br />
</span></li>
</ul>
<ul style="font-family:trebuchet ms;font-weight:bold;">
<li><span style="font-size:100%;"> Criteria 5: Coding Style : </span><span style="font-size:100%;font-weight:normal;">JQuery doesnot follw what we could call the traditional class based style of coding but is more intutive. This is why its great for designers wanting to add some dynamic magic to their webpage. But a traditional developer will find better coding style followed in Prototye, Ext Core, Mootools and even Dojo. This makes the code more maintanable.</span><span style="font-size:100%;"><br />
</span></li>
</ul>
<p><span style="font-family:trebuchet ms;font-size:100%;"> </span></p>
<ul style="font-family:trebuchet ms;font-weight:bold;">
<li><span style="font-size:100%;"> Criteria 6: Cost : </span><span style="font-size:100%;font-weight:normal;">Well this is only a problem with ExtJs, but i bet they have got things in their library that are worth the money. Note: Ext Core is not paid though.</span></li>
</ul>
<p><strong>Some Good Resources</strong><span style="font-weight:bold;"> which helped me compile the article:</span><br />
<strong><br />
Find the questions to ask when choosing a framework here:</strong><br />
<a href="http://blog.reindel.com/2007/10/30/how-to-choose-a-javascript-framework/">http://blog.reindel.com/2007/10/30/how-to-choose-a-javascript-framework/</a><br />
<strong><br />
Find an overview of JavaScript libraries here:</strong><br />
<a href="http://www.slideshare.net/jeresig/javascript-library-overview-presentation">http://www.slideshare.net/jeresig/javascript-library-overview-presentation</a></p>
<p><strong>Great resource to work with JQuery:<br />
JQuery :</strong> <a href="http://visualjquery.com/1.1.2.html">http://visualjquery.com/1.1.2.html</a></p>
<p><strong>List of Pros and cons of JQuery, ExtJs and Dojo</strong><br />
<a href="http://fictionalrealm.com/2009/04/javascript-ui-framework-comparison-or-why-i-choose-extjs-jquery/">http://fictionalrealm.com/2009/04/javascript-ui-framework-comparison-or-why-i-choose-extjs-jquery/</a></p>
<p><strong>Ext JS vs JQuery</strong><br />
(<a href="http://coderseye.com/2008/why-i-didnt-switch-from-jquery-to-extjs-after-all.html">http://coderseye.com/2008/why-i-didnt-switch-from-jquery-to-extjs-after-all.html</a>)<br />
(<a href="http://forum.lessthandot.com/viewtopic.php?f=44&amp;t=2660">http://forum.lessthandot.com/viewtopic.php?f=44&amp;t=2660</a>)</p>
<p><strong>Prototype vs Jquery</strong><br />
<a href="http://blog.thinkrelevance.com/2009/1/12/why-i-still-prefer-prototype-to-jquery">http://blog.thinkrelevance.com/2009/1/12/why-i-still-prefer-prototype-to-jquery</a></p>
<p><strong>JQuery vs Mootools</strong><br />
<a href="http://jqueryvsmootools.com/">http://jqueryvsmootools.com/</a></p>
<p><strong>JQuery vs Dojo</strong><br />
<a href="http://almaer.com/blog/why-i-often-prefer-prototype-too">http://almaer.com/blog/why-i-often-prefer-prototype-too</a></p>
<p><strong>Performance comparison between mootools, jquery, prototype, yui and dojo</strong><br />
<a href="http://blog.creonfx.com/javascript/mootools-vs-jquery-vs-prototype-vs-yui-vs-dojo-comparison-revised:">http://blog.creonfx.com/javascript/mootools-vs-jquery-vs-prototype-vs-yui-vs-dojo-comparison-revised:</a></p>
<p><span style="text-decoration:underline;"><strong>Some Positives and Negatives about JQuery</strong></span>: <a href="http://stackoverflow.com/questions/176324/why-does-everyone-like-jquery-more-than-prototypescriptaclous-or-mootools-or-wh">http://stackoverflow.com/questions/176324/why-does-everyone-like-jquery-more-than-prototypescriptaclous-or-mootools-or-wh</a></p>
<p><!--Session data--></p>
<div id="refHTML"></div>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2010/01/15/javascript-framework-comparison/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

