Creating Mobile Apps with Sencha Touch 2

Book description

If you have basic to intermediate knowledge of Sencha Touch, this tutorial will give you a deep insight into its full capabilities when creating mobile apps. Learn the language through building ten unique applications.

  • Learn the Sencha Touch programming language by building real, working applications
  • Each chapter focuses on different features and programming approaches; you can decide which is right for you
  • Full of well-explained example code and rich with screenshots

In Detail

Everyone has had the perfect idea for a mobile application. Creating Mobile Apps with Sencha Touch 2 can help you bring that idea to life by providing clear examples, in depth explanations, and walking step-by-step building 10 different Sencha Touch mobile applications. You can use these applications as a base for your own applications or leverage your new skills to create something truly unique.

"Creating Mobile Apps with Sencha Touch 2" offers you 10 different applications complete with source code. The applications include a task manager, RSS feed reader, time tracker, charting application, flash cards, cataloguing, social networking, integration with WordPress, a project workbook, and a basic game. The book also covers working with the Sencha Architect,, and compiling applications with Sencha Command.

Learn the Sencha Touch mobile programming language by building 10 different applications. Each application focuses on a different feature of the Sencha Touch language.

Learn to build a range of applications for mobile devices. Take pictures with your application, create a simple game, or even create an application you can sell on the iTunes app store.

"Creating Mobile Apps with Sencha Touch 2" will help you learn by building, helping you create great applications.

Table of contents

  1. Creating Mobile Apps with Sencha Touch 2
    1. Table of Contents
    2. Creating Mobile Apps with Sencha Touch 2
    3. Credits
    4. About the Authors
    5. About the Reviewer
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    7. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    8. 1. A Simple Task List
      1. A brief overview of Sencha Architect
        1. The Toolbox
        2. The help section
        3. The design area
        4. The Project Inspector area
        5. The Config area
      2. Getting started with the task list
        1. Creating the data store
        2. Adding a Model, Fields, and Field Types
        3. Adding the model to the store
        4. Making copies
        5. Adding filters
      3. Pay attention to the man behind the curtain
      4. Architect versus coding by hand
      5. Creating the views
        1. Configuring the Tab Panel
        2. Adding the lists and details
        3. Setting up the templates
        4. Testing with starter data
        5. Adding the back button
      6. Creating the forms
        1. Add Task form
        2. Editing and completing a task
        3. Testing the application
      7. Extra credit
      8. Summary
    9. 2. A Feed Reader
      1. The basic application
        1. An overview of NavigationView
        2. Adding the form
        3. Back to the navigation view
      2. Adding the controller
      3. Getting the data from a remote source
        1. Enter the JSONP proxy
        2. Yahoo Query Language (YQL)
          1. The YQL console
        3. Meanwhile, back at the controller
      4. The details dataview
        1. And now, the CSS
      5. Homework
      6. Summary
    10. 3. Going Command Line
      1. The basic application
        1. Installing Sencha Cmd
        2. Advantages of Sencha Cmd
        3. Generating the application skeleton
        4. Creating the TimeCop layout
        5. Creating the theme
        6. Creating the increment button
        7. Creating the start button
      2. Using native APIs with Ext.device
      3. Testing and running native applications
        1. Registering as a developer
        2. Becoming an Apple developer
        3. Provisioning an application
      4. Meanwhile back in the code
        1. Using the native notifications
      5. Compiling the application
        1. Setting up packager.json
      6. Building native Android applications
        1. Creating the Android signing certificate
        2. Creating the Android configuration file
        3. Compiling and launching the Android application
      7. Summary
    11. 4. Weight Weight
      1. Sencha Charts overview
      2. The basic application
        1. Setting up the application and building the form
        2. Creating the data entry form
        3. Creating the AddTag view
        4. Creating the config form
        5. Creating the DataEntry controller
      3. Defining the models and stores
        1. Meanwhile, back in the controllers
          1. Config.js
          2. Getting started with Sencha Touch Charts
        2. Creating the overview chart
          1. Adding the axes
          2. Creating the series
          3. The interactions section
        3. Creating the details view
          1. Creating the goalChart view
          2. Creating the word chart
      4. Homework
      5. Summary
    12. 5. On Deck: Using
      1. The basic application
        1. Creating the models and stores
        2. Creating the views
      2. Getting started with
        1. The sign-up process
        2. Downloading and installing the SDK
        3. Registering your application and Auth group
      3. Updating the application for
        1. Updating the stores
        2. Creating the controller
        3. Overriding the Carousel component
        4. Back in the controller
      4. Deploying the application
      5. Homework
      6. Summary
    13. 6. Catalog Application and API
      1. What is an API?
        1. Using a remote API in Sencha Touch
        2. Creating your own API
          1. Receiving data
          2. Communicating with the database
          3. Sending data back to the application
          4. More information on APIs
      2. Building the basic application
        1. Creating the item model
          1. RewriteRule and .htaccess
        2. The item store
        3. Creating the category model and store
        4. Testing the store and the model
        5. Creating the XTemplates
      3. The API and the database
        1. The GET request
        2. The POST request
        3. The PUT request
        4. The DELETE request
        5. The rest of the API
      4. Summary
    14. 7. The Decider: External APIs
      1. Using an external API
        1. The API key
        2. API functions
        3. External APIs and Sencha Touch
      2. The basic application
        1. Creating the categories list
        2. Creating the contact controller
      3. Integrating with Google Maps and Foursquare
        1. Starting the mainView.js controller
        2. Creating the confirmLocation view
        3. Creating the Friends Chooser view
        4. Creating the restaurant list, store, and details
          1. Creating the restaurant store and model
          2. Creating the details view
      4. Finishing the main view controller
      5. Homework
      6. Summary
    15. 8. Evolver: Using Profiles
      1. An overview of profiles
        1. Profile basics
        2. Using profiles
      2. Creating the Evolver application
        1. About WordPress
        2. Using the plugin
        3. Setting up the profiles and app.js
        4. Setting up the models and stores
        5. Creating the views
          1. Creating the phone details view
          2. Creating the tablet details view
        6. The main views
          1. Creating the phone main view
          2. Creating the tablet main view
        7. Creating the controllers
      3. Conditional styling
        1. Media queries
      4. Summary
    16. 9. Workbook: Using the Camera
      1. Designing the basic application
      2. Creating the models and stores
      3. The views
        1. Creating the book views
        2. Adding the book list to the main view
        3. Starting the book controller
        4. Creating the note views
      4. Creating the controller
      5. Getting started with images
        1. Capturing an image
        2. Storing the image
        3. Displaying the image
        4. Sending images
      6. Summary
    17. 10. Game On
      1. Building the basic board
        1. Creating the square model
        2. Exploring itemTpl
      2. Creating the game controller
        1. Understanding basic controller functions
      3. The game board logic
        1. Starting a turn
        2. Checking the turn
        3. Checking if a move is legal
        4. Decorating the move
        5. Clearing the move
      4. Going beyond the finished game
      5. Summary
    18. Index

Product information

  • Title: Creating Mobile Apps with Sencha Touch 2
  • Author(s):
  • Release date: April 2013
  • Publisher(s): Packt Publishing
  • ISBN: 9781849518901