1. Free Powerpoint Templates
Page 1
JS Framework On Mobile
By KinhNB
Date: 20-08-2012

2. Free Powerpoint Templates
Page 2
Contents
• The challenges of developing mobile web
• The common characteristics of JavaScript
on mobile web
• JavaScript framework
• Sencha Touch
• jQuery Mobile

3. Free Powerpoint Templates
Page 3
The challenges of developing mobile
web
• Limited Device Hardware
• Slow, Unreliable Networks
• Pervasive Devices
• The Impatient User

4. Free Powerpoint Templates
Page 4
The common characteristics of
JavaScript
• Optimized for touchscreen devices
• Cross-platform
• Lightweight
• Uses HTML5 and CSS3 standards

5. Free Powerpoint Templates
Page 5
Sencha Touch
• Sencha Touch is the world's first mobile web
app development framework built specifically to
leverage HTML5, CSS3, and Javascript.
• Features:
• Easy Setup
• Graphical user interface
• Touch event management
• Application data support

6. Free Powerpoint Templates
Page 6
Sencha Touch
• Advantages
• MVC codebase
• Blazing fast on iOS
• Disadvantages
• Very hard to impossible to debug and fix errors in the
framework
• Android works, but can be slow on bigger lists, not
support Blackberry platform
• The need for Webkit based browsers to view apps in
your browser

7. Free Powerpoint Templates
Page 7
jQuery Mobile
• jQuery Mobile is a JavaScript mobile web
development frameworks
• Across all popular mobile device
platforms, built on the jQuery and jQuery
UI foundation

8. Free Powerpoint Templates
Page 8
jQuery Mobile
• Features:
• Compatible with all major mobile platforms
• Lightweight size and minimal image
• Built on jQuery core
• Powerful Ajax-powered navigation system
• New plugins enhance native controls with touch-
optimized, themable controls

9. Free Powerpoint Templates
Page 9
jQuery Mobile
• Advantages
• Full control of your application
• Easier to find errors
• Lightweight
• Supports all major browsers and platforms
• Disadvantages
• No given code structure (MVC)
• Some problems in older iOS versions

10. Free Powerpoint Templates
Page 10
The difference between Sencha Touch
and jQuery Mobile
• 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
• jQuery Mobile is easy to learn but for Sencha touch one
need to put extra effort to learn it
• jQuery mobile is light weight compare to Sencha touch.

11. Free Powerpoint Templates
Page 11
The difference between Sencha Touch
and jQuery Mobile
• Sencha Touch supports a more MVC style application
design
• jQuery mobile will simply be a load of markup and a load
of jQuery script
• jQuery Mobile Framework is easy to integrate with other
technologies

12. Free Powerpoint Templates
Page 12
Conclusion
• When to use Sencha Touch and when to
use jQuery Mobile?
• USE Sencha Touch if you are used to Java/C# and
only want to support iPhone and Android
• USE jQuery Mobile if you are a webdeveloper, used
to jQuery and HTML and want to support all kinds of
devices and browsers

13. Free Powerpoint Templates
Page 13