SlideShare a Scribd company logo
Saturday, October 9, 2010
Sencha Touch beta
                              Amazing Mobile Web Apps
                            with HTML5, CSS3 & JavaScript


                                   DAVID KANEDA, SENCHA



Saturday, October 9, 2010
@davidkaneda
          @senchainc
          @jqtouch
          @webkitbits
          @9bits

Saturday, October 9, 2010
What’s Sencha Touch?




Saturday, October 9, 2010
What’s Sencha Touch?
                               JavaScript API for mobile apps
                                  Built on Web Standards
                                      Targets WebKit
                              Abstracted for performance/ease




Saturday, October 9, 2010
Why Sencha Touch?




Saturday, October 9, 2010
Why Sencha Touch?
                                   Cross-platform
                               Faster, cheaper, easier
                                 Styling with CSS3
                                Flexible Deployment




Saturday, October 9, 2010
Coming Soon: BlackBerry 6 & WebOS 2
                                   and maybe Meego & Opera

Saturday, October 9, 2010
Saturday, October 9, 2010
WebKit Rocks!
       HTML5 + CSS3
       Transforms, Transitions, and Animations
       Canvas
       SQLite
       Cache Manifest
       Geo-Location




Saturday, October 9, 2010
WebKit Rocks!
       HTML5 + CSS3
       Transforms, Transitions, and Animations
       Canvas
       SQLite
       Cache Manifest
       Geo-Location




Saturday, October 9, 2010
Hardware




Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
230,000
                            iOS activations a day.


Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
60,000
                        Android shipments a day.

Saturday, October 9, 2010
COMING SOON…


                             SAMSUNG GALAXY TAB




Saturday, October 9, 2010
BLACKBERRY TORCH




Saturday, October 9, 2010
WEBOS 2.0




Saturday, October 9, 2010
Features




Saturday, October 9, 2010
Features
       WebKit-optimized
       Touch abstraction
       Scroller
       Orientation events
       Data
       Layouts
       Animations
       Theming & icons
       Components




Saturday, October 9, 2010
Touch Events
       Built on native events
       Abstracted for performance
       Additional events
       Tap
       Double tap
       Tap and hold
       Swipe
       Rotate
       Drag & drop




Saturday, October 9, 2010
Scrolling
       Momentum/bounce physics
       Hardware accelerated
       Throughout components
       Lists
       Carousel
       Pickers




Saturday, October 9, 2010
Scrolling
       Momentum/bounce physics
       Hardware accelerated
       Throughout components
       Lists
       Carousel
       Pickers




Saturday, October 9, 2010
Scrolling
       Momentum/bounce physics
       Hardware accelerated
       Throughout components
       Lists
       Carousel
       Pickers




Saturday, October 9, 2010
Components
       Lists
       Nested, Grouped, Sortable
       Carousel
       Picker
       Overlay
       Toolbars & buttons
       HTML5
       Audio
       Video
       GeoLocation




Saturday, October 9, 2010
Style
       SASS & Compass
       Flexible themes
       CSS3
       Pre-included icons
       Robust Animations
       Resolution Independent




Saturday, October 9, 2010
<75k
                            minified & gzipped


Saturday, October 9, 2010
Preview



Saturday, October 9, 2010
Code




Saturday, October 9, 2010
Saturday, October 9, 2010
Building UI




Saturday, October 9, 2010
Saturday, October 9, 2010
Binding Data




Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Styling




Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
“Real artists ship.”
                                   Steve Jobs




Saturday, October 9, 2010
WEB APPS




Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
NATIVE SHELL




Saturday, October 9, 2010
Saturday, October 9, 2010
Coming Up




Saturday, October 9, 2010
Coming Up
                              App Architecture
                             JSBuilder Release
                            Compass framework
                              Docs and guides
                            Better error reporting
                             Developer Contest




Saturday, October 9, 2010
Saturday, October 9, 2010
Thanks!
                               @davidkaneda
                            http://9-b.it/svcc10




Saturday, October 9, 2010

More Related Content

PDF
CSS Bloat!
PDF
Internet Safety and Digital Citizenship
PDF
Sencha Touch Workshop
PDF
Ext GWT 3.0 Theming and Appearances
PDF
Building Sencha Themes
PDF
How to Develop a Rich, Native-quality User Experience for Mobile Using Web St...
PDF
Sencha Touch for the Mobile Web
PDF
Html5 Apps
CSS Bloat!
Internet Safety and Digital Citizenship
Sencha Touch Workshop
Ext GWT 3.0 Theming and Appearances
Building Sencha Themes
How to Develop a Rich, Native-quality User Experience for Mobile Using Web St...
Sencha Touch for the Mobile Web
Html5 Apps

Similar to Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript (20)

PDF
Mobile Development with uPortal and Infusion
PDF
Mobile Web App Development
PDF
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
PDF
Progressive Advancement, by way of progressive enhancement
PDF
Html5 apps nikolaionken-08-06
PDF
01 Mobile Web Introduction
KEY
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
PDF
Mobile, Media & Touch
PDF
Hyves: Mobile app development with HTML5 and Javascript
PDF
Phone gap nikolaionken-08-06
PDF
Mobile Web to Mobile Apps
PDF
Sencha Touch for Rubyists
PDF
YUIConf 2010, YUI3 and Mobile Web Development
PDF
07 PhoneGap
PDF
Mobile application development strategies
PDF
An Intro to Mobile HTML5
PDF
Mobile Widgets Development
PDF
Inside Mobile Widgets Publish
PDF
ModUX keynote
PPTX
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Mobile Development with uPortal and Infusion
Mobile Web App Development
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
Progressive Advancement, by way of progressive enhancement
Html5 apps nikolaionken-08-06
01 Mobile Web Introduction
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
Mobile, Media & Touch
Hyves: Mobile app development with HTML5 and Javascript
Phone gap nikolaionken-08-06
Mobile Web to Mobile Apps
Sencha Touch for Rubyists
YUIConf 2010, YUI3 and Mobile Web Development
07 PhoneGap
Mobile application development strategies
An Intro to Mobile HTML5
Mobile Widgets Development
Inside Mobile Widgets Publish
ModUX keynote
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Ad

Recently uploaded (20)

PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Advanced Soft Computing BINUS July 2025.pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
cuic standard and advanced reporting.pdf
PDF
GamePlan Trading System Review: Professional Trader's Honest Take
PPTX
Big Data Technologies - Introduction.pptx
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Modernizing your data center with Dell and AMD
PDF
Advanced IT Governance
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Machine learning based COVID-19 study performance prediction
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PPT
Teaching material agriculture food technology
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Electronic commerce courselecture one. Pdf
PDF
Unlocking AI with Model Context Protocol (MCP)
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Advanced Soft Computing BINUS July 2025.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
“AI and Expert System Decision Support & Business Intelligence Systems”
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
cuic standard and advanced reporting.pdf
GamePlan Trading System Review: Professional Trader's Honest Take
Big Data Technologies - Introduction.pptx
Diabetes mellitus diagnosis method based random forest with bat algorithm
Spectral efficient network and resource selection model in 5G networks
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Modernizing your data center with Dell and AMD
Advanced IT Governance
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Machine learning based COVID-19 study performance prediction
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Teaching material agriculture food technology
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Electronic commerce courselecture one. Pdf
Unlocking AI with Model Context Protocol (MCP)
Ad

Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript