Sencha Touch for Rubyists
Upcoming SlideShare
Loading in...5

Sencha Touch for Rubyists



An overview of Sencha Touch, presented to the Silicon Valley Ruby Meetup Group, January 2011

An overview of Sencha Touch, presented to the Silicon Valley Ruby Meetup Group, January 2011



Total Views
Views on SlideShare
Embed Views



4 Embeds 74 69 2 2 1



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Sencha Touch for Rubyists Sencha Touch for Rubyists Presentation Transcript

    • James Pearce Director, Developer Relations @ jamespearce
    • Sencha Touch
    • Sencha Touch is......a JavaScript framework for buildingrich mobile apps with web standards
    • Why should I be buildingrich mobile apps with withQ1 web standards? Q2
    • Q1: Mobile New users New relationships New contexts New business models New channels“The future of human communication”
    • Q2: Mobile Web Cross-platform* Existing skills & tools No approval required Native APIs* Easy updates“The next era of the web as we know it” * YMMV!
    • “HTML5” The Web is Evolving... Documents ApplicationsDeclarative HTML Programmatic DOM Templates APIs URLs ArgumentsRequest/Response Synchronization
    • Introducing Sencha Touch Let’s start with some demos...
    • Coming Soon: BlackBerry 6 & Meego
    • US Mobile Smartphone Traffic 39% iOS Android RIM47% WebOS Winmo Other 7% 3% 2%2% January 2010
    • WebKit Rocks!HTML5 + CSS3Transforms, Transitions, & AnimationsCanvasSQLiteCache ManifestGeo-Location
    • What’s in Sencha Touch?Layouts & componentsTouch events & scrollerData packageMVC frameworkOrientation & animationTheming & icons...and more
    • ComponentsLists- Nested, Grouped, SortableCarouselPickerOverlaySliderForms & fieldsToolbars & buttonsHTML5- Audio- Video- GeoLocation
    • Forms
    • Touch EventsBuilt on native eventsAbstracted for performanceAdditional events- Tap- Double tap- Tap and hold- Swipe- Rotate- Drag & drop
    • ScrollingMomentum/bounce physicsHardware acceleratedThroughout all components:- Lists- Carousel- Pickers
    • Data PackageModels, Stores, and Proxies- Associations- Validation- Local & server storageEasily consume web services- JSON/P- XML- YQL
    • “The Kitchen Sink”
    • ThemingCSS3, SASS & Compass- Flexible themes- Highly optimized300+ Pre-included iconsRobust AnimationsResolution Independent
    • Applification
    • Working with the Web
    • Evolving sites for mobile Views HTML, CSS... Controllers Models
    • Evolving sites for mobile DesktopSwitcher HTML, CSS... Mobile Controllers Models
    • Mobile Fuclass ApplicationController < ActionController::Base has_mobile_fuend*.mobile.erbis_mobile_device?in_mobile_view?
    • An application approach DesktopSwitchers Mobile REST Controllers JSO N Models
    • The stack of the present req/resUser interface RenderingBusiness logic Storage
    • The stack of the future User interface syncSecurity Business logicStorage Storage
    • Let’s build an app
    • A few other considerations
    • Thematic consistencyw3c-speak!/posts/123
    • Smart detection & user choice“Switch to our desktop site”
    • Brand consistency
    • Mobile devices are di erent Geolocation Telephony Camera MessagingAnd mobile usersare different too!
    • Good luck!
    • James Pearce Director, Developer Relations @ jamespearce