Jquery vs GWT

Jquery vs GWT

Both Jquery and GWT claims to support any web Browser which supports javascript irrespective of the device. So we can rephrase the answer stating that both runs on any device using a browser, which support JavaScript.

So now our question should be:

Which devices and browsers are supported by JS?

Platform/Tool

JS Browsers

MAC

Safari, firefox

iPhone

Safari, chrome

Windows

IE, Firefox, chrome

Linux

Firefox,

Android

Safari, chrome

 

jQuery supports these browsers:

Firefox 2.0+ , Internet Explorer 6+ , Safari 3+, Opera 9+, Chrome 1+

As per GWT Overview at http://code.google.com/webtoolkit/overview.html

When you're ready to deploy, GWT compiles your Java source code into optimized, stand-alone JavaScript files that automatically run on all major browsers, as well as mobile browsers for Android and the iPhone.

Sencha touch: Sencha Touch is webkit based library hence works only with webkit based browsers. i.e: Crome, Safari.

References:

http://googlewebtoolkit.blogspot.com/2007/09/gwt-application-development-for-iphone.html

http://clay.lenharts.net/blog/2009/05/25/gwt-is-flexible-iphone-demo/

http://docs.jquery.com/Browser_Compatibility

 

 

Jquery, Sench and gwt has huge library support but Jquery is more popular because of its easy fusion with other libraries. In gwt for achieving this we use JavaScript Native Interface (JSNI). Sencha can also integrate other libraries.

Jquery

jQuery UI http://jqueryui.com/ provides abstractions for low-level interaction and animation, advanced effects and high-level, theme able widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.

But Jquery Mobile which is mobile counterpart of the Jquery UI, is still a kid. As per the current status, component list for devices is still less as compared to sencha.

Sencha

Sencha touch is an extension of EXT library and majorly provides components for devices. List of components designed for devices is huge.

Gwt

As per information stated at http://code.google.com/webtoolkit/tools.html GWT has huge library support to build RIA Projects.

For the demo, checkout the following site

http://gwt-ext.com/demo/

Jquery

Using Jquery to extend css.

http://www.scribd.com/doc/23649844/Using-jQuery-to-Extend-CSS. Jquery UI provides a powerful CSS support.

Sencha

Sencha uses CSS 3 and works only on browsers which supports CSS3. One the one hand it’s an advantage as it uses advance CSS features but at the same time in the short run it’s a disadvantage because its restricting your area of coverage to limited browsers.

Gwt

GWT uses Cascading Style Sheets (CSS). Every widget has its own style, which you can change to meet your needs. You must create your own CSS to overload the defaults defined by GWT.

 

Jquery

Using object oriented programming with jQuery are limited

Sencha

Using sencha we can conceptually implement OOPS and organize our classes very well

Gwt

http://www.manning.com/hanson/

With GWT, you can build your applications using a real object-oriented language and take advantage of Java tools like Eclipse that are already available

As per http://www.oracle.com/technology/pub/articles/dubois-gwt.html A GWT project must comply with a pre-defined structure in order to be accepted by the compiler.

Jquery

Existing HTML is enhanced upon to achieve results. Developers of AS3, java find it bit difficult to write code.

Sencha

It creates its own DOM based on objects created in JS. Developers of AS3, java can easily relate the way of coding.

Gwt

It creates its own DOM.

Developers of AS3, java can easily relate the way of coding.