Choosing the Right Mobile
Development Platform (Part 6)




         @ChrisGriffith
What is Sencha Touch 2?




  Javascript API for mobile apps
  Built on Web Standards
  Targets WebKit
What is Sencha Touch 2?
Sencha Touch is licensed under free commercial and
open source licenses for application
development, and a paid commercial license for
OEM uses.
What platforms support Sencha Touch?
Basic Structure
  <!DOCTYPE HTML>
  <html manifest="" lang="en-US">
  <head>
     <meta charset="UTF-8">
     <title>Hike Sedona</title>
     <script id="microloader" type="text/javascript"
  src="sdk/microloader/development.js"></script>
  </head>
  <body>
     <div id="appLoadingIndicator">
        <div></div>
        <div></div>
        <div></div>
     </div>
  </body>
  </html>
Basic Structure
  Ext.define("HikeSedona.view.Main", {
    extend: 'Ext.tab.Panel',

        config: {
          tabBarPosition: 'bottom',

            items: [
                { xclass: 'HikeSedona.view.hike.Card'},
                { xclass: 'HikeSedona.view.Location'}
            ]
        }
  });
App Structure
Components

      Audio      Search List   Video


      Carousel   Maps



      Forms      Nested List



      Icons      Overlays



      List       Tabs
Sencha Designer
Device Access

                Accelerometer

                Camera

                Connection Status

                Geolocation

                Notifications

                Storage
Native Packaging




                   Sencha SDK Tools
Performance
iOS
Android
Now go build something!
Thanks!

chris.griffith@gmail.com

@chrisgriffith

http://chrisgriffith.wordpress.com/

Choosing the Right Mobile Development Platform (Part 6)

Editor's Notes

  • #6 Sencha Touch is licensed under free commercial and open source licenses for application development, and a paid commercial license for OEM uses.
  • #12 Syntactically Awesome Stylesheets
  • #14 HTML5 device access level.