Plenty of well-explained sample code with the essential screenshots added in for thorough 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.

Table of Contents

Chapter 1: Let's Begin with Sencha Touch!

Frameworks

Mobile application framework

Designing applications for mobile and touch

Getting started with Sencha Touch

Setting up your development environment

Additional tools for developing with Sencha Touch

Summary

Chapter 2: Creating a Simple Application

Setting up your folder structure

Starting from scratch with TouchStart.js

Controlling the container with layout

The panel

The TabPanel component

The list component

Testing and debugging the application

Updating the application for production

Putting the application into production

Summary

Chapter 3: Styling the User Interface

Styling components versus themes

UI styling for toolbars and buttons

Sencha Touch themes

Setting up SASS and Compass

Creating a custom theme

Designing for multiple devices

Images on multiple devices with Sencha.io Src

Summary

Chapter 4: Components and Configurations

The base component class

Layouts revisited

The TabPanel and Carousel components

FormPanel

MessageBox and Sheet

Map

Lists

Finding more information with the Sencha API

Summary

Chapter 5: Events

What are events?

Listeners and handlers

Event delegation

Touch-specific events

Additional information on events

Summary

Chapter 6: Getting Data In

Models

Introduction to data formats

Introduction to stores

Deleting from the Data Store

Summary

Chapter 7: Getting Data Out

Using data stores for display

XTemplates

Sencha Touch Charts

Summary

Chapter 8: The Flickr Finder Application

The basic application

Introduction to Model View Controller (MVC)

Building the foundation

The SearchPhotos component

The savedphoto component

Polishing your application

Try it yourself

Summary

Chapter 9: Advanced Topics

Talking to your own server

Going offline

Getting into a marketplace

Registering for developer accounts

Summary

What You Will Learn

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

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.

Authors

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.

Alerts & Offers

Series & Level

We understand your time is important. Uniquely amongst the major publishers, we seek to develop and publish the broadest range of learning and information products on each technology. Every Packt product delivers a specific learning pathway, broadly defined by the Series type. This structured approach enables you to select the pathway which best suits your knowledge level, learning style and task objectives.

Learning

As a new user, these step-by-step tutorial guides will give you all the practical skills necessary to become competent and efficient.

Beginner's Guide

Friendly, informal tutorials that provide a practical introduction using examples, activities, and challenges.

Essentials

Fast paced, concentrated introductions showing the quickest way to put the tool to work in the real world.

Cookbook

A collection of practical self-contained recipes that all users of the technology will find useful for building more powerful and reliable systems.

Blueprints

Guides you through the most common types of project you'll encounter, giving you end-to-end guidance on how to build your specific solution quickly and reliably.

Mastering

Take your skills to the next level with advanced tutorials that will give you confidence to master the tool's most powerful features.

Starting

Accessible to readers adopting the topic, these titles get you into the tool or technology so that you can become an effective user.

Progressing

Building on core skills you already have, these titles share solutions and expertise so you become a highly productive power user.