Tag Archive: jquery-mobile


jQTouch Vs Sencha Touch vs jQuery Mobile

I would like to add few more thoughts of mine which is found across www.

What is Sencha Touch?

Sencha Touch is the world’s first mobile web app development framework follows MVC built specifically to leverage HTML5, CSS3, and Javascript for the highest level of power, flexibility, and optimization. It make specific use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. It makes extensive use of CSS3 in our stylesheets to provide the most robust styling layer possible.

Sencha Touch is a cross-platform framework aimed at next generation, touch enabled, devices. It’s currently compatible with Apple iOS 3+, Android 2.1+, and BlackBerry 6+ devices.

Altogether, the entire library is under 120kb (gzipped and minified), and it’s trivial to make that number even smaller by disabling unused components or styles.

Features of Sencha Touch
Easy Setup
Sencha Touch includes a set of graphical user interface GUI-based controls or “components” for use within mobile web applications. These components are highly optimized for touch input.
Built-in transition effects
Resolution Independent
Touch event management: It supports events like Tap, Double Tap, Pinch, Swipe and Scroll.
Application data support: Sencha Touch has a data package to support web standards for data interchange with servers such as Ajax and JSONP
Official Website
Differences
jQuery Mobile supports more number of mobile platform as compare to Sencha Touch. Sencha touch only supports iOS, Android and recently Blackberry.
jQuery Mobile and Sencha touch both provides great UI features with lots of control but Sencha touch wins here. Sencha Touch offers a bit more like lots of icons, or built-in maps.
jQuery Mobile is easy to use as Sencha Touch is completely Javascript. Your application takes place in js files, dealing with js classes. On the other hand, jQueryMobile is markup-driven. Sencha Touch is an extension of the Ext JS framework. It has a more native language feel than html and does not follow open standards. For example, the entire of a webpage is generated in javascript.
jQuery Mobile is easy to learn but for Sencha touch one need to put extra effort to learn it. In fact the documentation of Sencha touch is not comprehensive but jQuery Mobile documentation is quite good.
jQuery mobile is light weight compare to Sencha touch.
Sencha Touch supports a more MVC style application design, whereas jQuery mobile will simply be a load of markup and a load of jQuery script converting your HTML elements into touch friendly interface components.
jQuery Mobile Framework is easy to integrate with other technologies.
jQuery Mobile is free where Sencha Touch is available free of charge for commercial and open source application development. However, embedding Sencha Touch in a web application builder or software development kit (SDK) requires a paid commercial OEM license agreement. Read more about Sencha Touch Licensing FAQ.

Programming with sencha is not easy unless you come to know complete  ExtJs.But if you are purchasing their SDK then life becomes simpler.

For more info refer jquerybyexample.com

“jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.”
http://jquery.com/

“jQuery offers a mechanism for adding in methods and functionality, bundled as plugins.”
http://docs.jquery.com/Plugins/Authoring

“jQuery UI provides abstractions for low-level interaction and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.”
http://ui.jquery.com/

jQuery ( http://jquery.com/ )

So jQuery is a concise and minimal javascript framework. It covers the basics – DOM Manipulation, Events, Ajax, Animations. It does so quite nicely, and is rather popular.

Plugins ( http://plugins.jquery.com/ )

jQuery is extensible. Anyone can write code that gives jQuery more than just the basics functionality. These are packaged as plugins. In addition to including

jquery.js

you might also include a plugin file (that you or someone else wrote), such as

jquery.foo.js

This would typically add a function .foo() which you could call on any jQuery object as if that were a built-in basic capability of jQuery. You can find a huge number of plugins on

http://plugins.jquery.com/

as well as elsewhere on the internet. People write and release jQuery plugins all the time, because they’re easy to write and share. They cover things such as menus, rich media (audio/video), data handling, cookies, browser detection, layout, form validation. Anything people want, really.

When a plugin becomes so ubiquitous that nearly everyone is including it on their page with jquery.js, it can be a candidate for inclusion in jQuery core. But only where it is in demand, makes sense, and still keeps the library lightweight, easy to use, etc. That said, jQuery core will never grow beyond it’s fundamentals (hence the name, core). Enter jQuery UI.

jQuery UI ( http://ui.jquery.com/ )

A couple years back there was a set of quite popular jQuery plugins bundled in a package called Interface, written by Stefan Petre. These offered really great interactions, like drag-and-drop, selecting, sorting, resizing; widgets like tooltips, autocomplete, accordion. The 1.2 release of jQuery had some API changes that would’ve required changes to Interface, for it to be compatible, but Interface was never updated.

jQuery UI (started by Paul Bakaus) picked up where Interface left off. Many people are interested in a complete package/library of jQuery plugins with a common/consistent API, complete documentation, testing in all major browsers, with which they can build rich web interfaces and/or RIAs (Rich Internet Applications). Oh yeah, and they should work well together, be easy to use, accessible, extensible, and themeable. Whew.

I experimented with jQuery months ago, and
don’t remember seeing a UI version in the tutorials, is it new?

jQuery UI is a sister-project of jQuery. The 1.0 release of jQuery UI was September 2007. Version 1.5 was released in June 2008. You can get a pretty full history (including what went in to each release, and how it matured) on the jQuery Blog. The latest stable release is 1.5.2 and includes

Interactions
– Draggables (drag)
– Droppables (and drop)
– Resizables
– Selectables
– Sortables

Widgets
– Accordion
– Datepicker
– Dialog
– Slider
– Tabs

Effects
– blind, bounce, clip, drop down/up/left/right, explode, fold, highlight, pulsate, puff, scale, shake, slide down/up/left/right, transfer
– Color animations
– Class animations (addClass/removeClass/toggleClass w/Interval)

Some other notes:

There is documentation for all of jQuery UI, including how to theme each plugin

jQuery UI is hosted on google’s ajax libraries api

jQuery UI has full theming support for all plugins. The jQuery UI website even has an application for getting started building a theme, called ThemeRoller. It gives you a live preview of your theme applied to all the widgets as you create it.

The jQuery UI website has a Download Builder which allows you to pick and choose just the components you want, and wraps them up (with a bow, er min/pack compression options) in one file.

There are more plugins in the works such as:
– colorpicker
– autocomplete
– progressbar
– spinner
– menu
– toolbar
– panels
– splitters
– tree
– uploader
– grid
– tooltips

You can follow jQuery and jQuery UI on twitter and/or identica:

jQuery
http://twitter.com/jquery
http://identi.ca/jquery

jQuery UI
http://twitter.com/jqueryui
http://identi.ca/jqueryui

(both sites use jQuery 🙂

Lastly, is jQuery UI licensed the same way as the original jQuery?

Yes, jQuery UI (like jQuery) is dual-licensed MIT and GPL. See

http://jquery-ui.googlecode.com/svn/trunk/MIT-LICENSE.txt
http://jquery-ui.googlecode.com/svn/trunk/GPL-LICENSE.txt

meaning you can pick the one that suits you.

Richard D. Worth