sencha touch.key - meetup
TRANSCRIPT
James Pearce Director, Developer Relations @ jamespearce [email protected]
MobileNew users
New relationshipsNew contexts
New business modelsNew channels
“The future of human communication”
Q1:
Cross-platform*Existing skills & toolsNo approval required
Native APIs*Easy updates
“The next era of the web as we know it”
* YMMV!
Mobile WebQ2:
ApplicationsDocuments
Programmatic DOMDeclarative HTML
APIsTemplates
ArgumentsURLs
SynchronizationRequest/Response
The Web is Evolving...
“HTML5”
2%2%3%
7%
39%
47%
iOSAndroidRIMWebOSWinmoOther
http://metrics.admob.comJanuary 2010
US Mobile Smartphone Traffic
WebKit Rocks!HTML5 + CSS3Transforms, Transitions, & AnimationsCanvasSQLiteCache ManifestGeo-Location
Layouts & components Touch events & scrollerData packageMVC frameworkOrientation & animationTheming & icons
...and more
What’s in Sencha Touch?
Lists - Nested, Grouped, SortableCarouselPickerOverlaySliderForms & fieldsToolbars & buttonsHTML5 - Audio - Video - GeoLocation
Components
Touch EventsBuilt on native events
Abstracted for performance
Additional events - Tap - Double tap - Tap and hold - Swipe - Rotate - Drag & drop
ScrollingMomentum/bounce physics
Hardware accelerated
Throughout all components: - Lists - Carousel - Pickers
Data PackageModels, Stores, and Proxies - Associations - Validation - Local & server storage
Easily consume web services - JSON/P - XML - YQL
CSS3, SASS & Compass - Flexible themes - Highly optimized
300+ Pre-included icons
Robust Animations
Resolution Independent
Theming
Mobile Fu
class ApplicationController < ActionController::Base has_mobile_fuend
*.mobile.erb
is_mobile_device?in_mobile_view?
https://github.com/brendanlim/mobile-fu
Mobile devicesare di!erent
Telephony
Geolocation
Camera
Messaging
And mobile usersare different too!
James Pearce Director, Developer Relations @ jamespearce [email protected]