Sencha Touch Mobile JavaScript Framework

There is a newer version of this book available - Sencha Touch 2 Mobile JavaScript Framework
Sencha Touch Mobile JavaScript Framework
eBook: $26.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $71.98    Print cover: $44.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • Learn to develop web applications that look and feel native on Apple iOS and Google Android touchscreen devices using Sencha Touch through examples
  • Design resolution-independent and graphical representations like buttons, icons, and tabs of unparalleled flexibility
  • Add custom events like tap, double tap, swipe, tap and hold, pinch, and rotate
  • Plenty of well-explained sample code with the essential screenshots added in for thorough understanding

Book Details

Language : English
Paperback : 316 pages [ 235mm x 191mm ]
Release Date : February 2012
ISBN : 1849515107
ISBN 13 : 9781849515108
Author(s) : John Earl Clark, Bryan P. Johnson
Topics and Technologies : All Books, Mobile Application Development, Games, Open Source, Web Development, Web Graphics & Video

Table of Contents

Chapter 1: Let's Begin with Sencha Touch!
Chapter 2: Creating a Simple Application
Chapter 3: Styling the User Interface
Chapter 4: Components and Configurations
Chapter 5: Events
Chapter 6: Getting Data In
Chapter 7: Getting Data Out
Chapter 8: The Flickr Finder Application
Chapter 9: Advanced Topics
  • Chapter 1: Let's Begin with Sencha Touch!
    • Frameworks
      • Building from a foundation
      • Building with a plan
      • Building with a community
    • Mobile application framework
      • Native application versus web application
      • Web-based mobile frameworks
      • Web frameworks and touch
    • Designing applications for mobile and touch
      • Why touch?
    • Getting started with Sencha Touch
      • The API
      • Examples
        • The Kitchen Sink application
      • Learn
      • Forums
    • Setting up your development environment
      • Set up web sharing on Mac OSX
      • Install a web server on Microsoft Windows
      • Download and install the Sencha Touch framework
    • Additional tools for developing with Sencha Touch
      • Safari Web Inspector
      • Other Sencha products
        • Sencha Animator
        • Sencha Touch Charts
        • RemoteJS and EventRecorder
      • Third-party developer tools
        • Xcode 4
        • Android Emulator
        • YUI test
        • Jasmine
        • JSLint
        • Weinre
    • Summary
    • Chapter 2: Creating a Simple Application
      • Setting up your folder structure
        • Setting up your application folder
        • Creating the HTML application file
      • Starting from scratch with TouchStart.js
      • Controlling the container with layout
      • The panel
      • The TabPanel component
      • The list component
      • Testing and debugging the application
        • Parse errors
        • Case sensitivity
        • Missing files
        • Web Inspector console
      • Updating the application for production
        • Point to production library files
        • Remove debugging code
        • Going that extra mile
      • Putting the application into production
      • Summary
      • Chapter 3: Styling the User Interface
        • Styling components versus themes
        • UI styling for toolbars and buttons
          • Styling buttons
          • The tab bar
        • Sencha Touch themes
          • An introduction to SASS and Compass
            • Variables in SASS
            • Mixins in SASS
            • Nesting in SASS
            • Selector inheritance in SASS
            • Compass
            • SASS + Compass = themes
        • Setting up SASS and Compass
          • Installing Ruby
          • Installing SASS and Compass
        • Creating a custom theme
          • Base color
          • Mixins and the UI configuration
          • Adding new icon masks
          • Variables
          • More SASS resources
        • Designing for multiple devices
        • Images on multiple devices with Src
          • Specifying sizes with Src
            • Sizing by formula
            • Sizing by percentage
            • Changing file types
        • Summary
        • Chapter 4: Components and Configurations
          • The base component class
            • The Ext object and Ext.getCmp()
          • Layouts revisited
            • The card layout
            • The hbox layout
            • The vbox layout
            • The fit layout
            • Adding complexity
          • The TabPanel and Carousel components
            • TabPanel
            • Carousel
          • FormPanel
            • DatePicker
            • Sliders, spinners, and toggles
          • MessageBox and Sheet
            • MessageBox
            • Sheet
            • ActionSheet
          • Map
          • Lists
            • Grouped lists
            • Nested lists
          • Finding more information with the Sencha API
            • Finding a component
            • Understanding the component page
          • Summary
          • Chapter 5: Events
            • What are events?
              • Asynchronous versus synchronous
            • Listeners and handlers
              • Adding listeners and events dynamically
              • Custom events
              • Listener options
              • Scope
              • Removing listeners
              • Managed listeners
              • Handlers and buttons
              • Suspending and queuing events
              • Common events
              • Ext.util.Observable
              • Centralizing event handling with Observe
              • Capture: a tool for debugging
            • Event delegation
              • Events and memory
              • Delegating events
            • Touch-specific events
            • Additional information on events
            • Summary
            • Chapter 6: Getting Data In
              • Models
                • The basic model
                • Model validations
                • Model methods
                • Proxies and readers
              • Introduction to data formats
                • Arrays
                • XML
                • JSON
                • JSONP
              • Introduction to stores
                • A simple store
                • Forms and stores
                  • Specialty text fields
                • Mapping fields to the model
                • Clearing store data
                • Editing with forms
                  • Switching handlers
              • Deleting from the Data Store
              • Summary
              • Chapter 7: Getting Data Out
                • Using data stores for display
                  • Directly binding a store
                  • Sorters and filters
                  • Paging a data store
                  • Loading changes in a store
                  • Data stores and panels
                • XTemplates
                  • Data manipulation
                  • Looping through data
                    • Numbering within the loop
                    • Parent data in the loop
                  • Conditional display
                  • Arithmetic
                  • Inline JavaScript
                  • XTemplate member functions
                    • isEmpty
                  • Changing a panel's content with XTemplate.overwrite
                • Sencha Touch Charts
                  • Installing Touch Charts
                  • A simple pie chart
                  • A bar chart
                • Summary
                • Chapter 8: The Flickr Finder Application
                  • The basic application
                  • Introduction to Model View Controller (MVC)
                  • Building the foundation
                    • Splitting up the pieces
                    • Using the Flickr API
                  • The SearchPhotos component
                    • The SearchPhotos model
                    • The SearchPhotos view
                    • The SearchPhotos controller
                    • Adding the PhotoDetails view
                  • The savedphoto component
                    • The SavedPhoto model
                    • The SavedPhoto views
                    • The SavedPhotos controller
                    • Adding SavedPhotos to the viewport
                    • Adding the Save button
                  • Polishing your application
                    • Animated transitions
                    • Application icons
                  • Try it yourself
                  • Summary
                  • Chapter 9: Advanced Topics
                    • Talking to your own server
                      • Using your own API
                      • REST
                      • Designing your API
                      • Creating the model and store
                      • Making a request
                      • AJAX requests in an API
                    • Going offline
                      • Syncing local and remote data
                      • Manifests
                      • Setting up your web server
                        • Updating your cached application
                      • Interface considerations
                        • Alerting your users
                        • Updating your UI
                      • Alternate methods of detecting offline mode
                    • Getting into a marketplace
                      • Compiling your application
                        • PhoneGap
                        • NimbleKit
                        • Other options
                    • Registering for developer accounts
                      • Becoming an Apple developer
                      • Becoming an Android Developer
                    • Summary

                    John Earl Clark

                    John Earl Clark holds a Master's Degree in Human Computer Interaction from Georgia Tech and an undergraduate degree in Music Engineering from Georgia State University. John and his co-author, Bryan Johnson, worked together at MindSpring and later EarthLink, starting out in Technical Support and Documentation, before moving into Application Development and finally management of a small development team. After leaving Earthlink in 2002, John began working independently as a consultant and programmer, before starting Twelve Foot Guru, LLC with Bryan in 2005. John has been working with Sencha Touch since the first early beta releases. He has also worked with Sencha’s ExtJS since the early days when it was still known as YUI-Ext. John has also written a previous book with Bryan Johnson called Sencha Touch Mobile JavaScript Framework. When he is not buried in code, John spends his time woodworking, playing guitar and brewing his own beer.

                    Bryan P. Johnson

                    Bryan P. Johnson is a graduate of the University of Georgia. He went to work for MindSpring Enterprises in late 1995, where he met his co-author John Earl Clark. At MindSpring and later, EarthLink; Bryan served in multiple positions for over seven years, including the Director of System Administration and Director of Internal Application Development. After leaving EarthLink, he took some time off to travel before joining John to start Twelve Foot Guru. Bryan has worked with Sencha's products since the early days of YUI-Ext and has used Sencha Touch since its first betas.

                    Code Downloads

                    Download the code and support files for this book.

                    Submit Errata

                    Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

                    Sample chapters

                    You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                    Frequently bought together

                    Sencha Touch Mobile JavaScript Framework +    Oracle SOA Suite 11g Performance Tuning Cookbook =
                    50% Off
                    the second eBook
                    Price for both: £26.35

                    Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                    What you will learn from this book

                    • Make use of technologies such as HTML5 and CSS3 to provide native-quality application experiences without the need for plugins
                    • Create a sample application using Sencha Touch that will run on Apple iOS and Google Android
                    • Efficiently use the list of components available in Sencha Touch framework libraries such as tab panels, scrollable list views, and toolbars
                    • Add custom touch events like tap, double tap, swipe, tap and hold, pinch, and rotate
                    • Discover the rich event communication that is available in every Sencha Touch component, allowing you to quickly respond to your users and create intuitive, native-quality applications
                    • Completely control the look of your application with Sencha Touch themes and styling options.
                    • Quickly put together simple components backed by the data package
                    • Allow your users to store information with forms, or access remote information from other services like Google maps and Flickr
                    • Learn about web storage features to store data offline, or communicate with online databases for richer storage options.
                    • Explore expert topics like syncing data and compiling applications for sale on an App store.

                    In Detail

                    Since its initial launch, Sencha Touch has quickly become the gold standard for developing rich mobile web applications with HTML5. Sencha Touch is the first HTML5 mobile JavaScript framework that allows you to develop mobile web apps that look and feel like native apps on both iPhone and Android touchscreen devices. Sencha Touch is the world's first application framework built specifically to leverage HTML5, CSS3 and JavaScript for the highest level of power, flexibility and optimization. It makes specific use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. Sencha Touch also makes extensive use of CSS3 in its components and themes to provide an incredibly robust styling layer, giving you total control over the look of your application.

                    Sencha Touch enables you to design both Apple iOS and Google Android apps without the need for learning multiple arcane programing languages. Instead you can leverage your existing knowledge of HTML and CSS to quickly create rich web applications for mobile devices in JavaScript. This book will show you how you can use Sencha Touch to efficiently produce attractive, exciting, easy-to-use web applications that keep your visitors coming back for more.

                    Sencha Touch Mobile JavaScript Framework teaches you all you need to get started with Sencha Touch and build awesome mobile web applications. Beginning with an overview of Sencha Touch, this book will guide you through creating a complete simple application followed by styling the user interface and the list of Sencha Touch components explained through comprehensive examples. Next, you will learn about the essential touch and component events, which will help you create rich dynamic animations. The book follows this up with information about core data packages and dealing with data and wraps it up with building another simple but powerful Sencha Touch application.

                    In short, this book has the step by step approach and extensive content to make a beginner to Sencha Touch into an ace quickly and easily.

                    Exploit Sencha Touch – a cross-platform library aimed at next generation, touch-enabled devices


                    This book is a step-by-step tutorial aimed at beginners to Sencha Touch. There is ready sample code explained with essential screenshots for better and quicker understanding.

                    Who this book is for

                    This book is ideal for anyone who wants to gain the practical knowledge involved in using Sencha Touch mobile web application framework to make attractive web apps for mobiles. If you have some familiarity with HTML and CSS, then this book is for you. This book will give designers the skills they need to implement their ideas, and provides developers with creative inspiration through practical examples. It is assumed that you know how to use touch screens, touch events, WebKit on mobile systems, Apple iOS, and Google Android for Mobiles.

                    Code Download and Errata
                    Packt Anytime, Anywhere
                    Register Books
                    Print Upgrades
                    eBook Downloads
                    Video Support
                    Contact Us
                    Awards Voting Nominations Previous Winners
                    Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                    Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software