Minimum price
Suggested price


About the Book


Sencha Touch is client side framework for building web and mobile apps in JavaScript, HTML and CSS.

Sencha Touch home page is at http://www.sencha.com/.


Book content

This book is collection of standalone tutorials.

This means that each tutorial contains minimum amount of code needed to explain specific functionality.

This is in contrast to building a single application where each new functionality is added on top of already explained ones.

Each tutorial has minimum amount of supporting text making emphasis on the code example to do the explaining.


How to use this book

This book can be used as an introduction to Sencha Touch framework covering most of the basic core functionalities.

In addition book will be updated with more tutorials covering more specific subjects.

Book is also intended as Just In Time Support so that user can learn what it needs when it needs it.

This is why tutorials are standalone and minimalistic focusing only at one problem at the time.

You should however first go through the main features of Sencha Touch to familiarize yourself with the core concepts.

This can be done by first going through the main chapters as deep as you see fit.

Then later you can come back to explore other more specific chapters as you need them.

About the Author

Ivor Online
Ivor Online


"Things are only as complicated as they are badly explained" 

Proper documentation is essential to avoid struggle and frustration when working with simple things that only seem complicated by not being properly documented and explained. 



"Working example is worth thousand words"

Just like the picture is worth thousand words the same goes for the working example. Documentation in the form of working examples is proved to be the fastest and the most effective way of transferring knowledge. Sometimes an example is all you need to get the things done. And if there are some accompanying comments that explain what is going on even better. This approach is used in this book. This results in fast learning and the ability to apply tutorials when you need them in the spirit of Just In Time Support. 

I wish you rapid learning!




Table of Contents

1. Introduction


1.1      Application Example

1.2      Install Free Commercial Version

1.3      Create Sencha Touch Application

1.4      Start Application

1.4.1        From file system

1.4.2        From Web Server

1.4.3        From Mobile Device


2. Class System


2.1      Classes

2.1.1        Create Class using Ext.define()

2.1.2        Structure         extend         xtype         config         requiers         statics         singleton         mixins         constructor

2.2      Objects

2.2.1        Create Object using Ext.create()

2.2.2        Create Object using xtype


3. View


3.1      Components

3.1.1        Component

3.1.2        Button

3.1.3        Image

3.1.4        Label

3.1.5        Audio

3.1.6        Spacer

3.1.7        Video

3.2      Containers

3.2.1        Types         Container         Viewport         Segmented Button         Map         Tabbed Panel         Carousel         Navigation View         Toolbar         Titlebar      List      Nested List      Field Set

3.2.2        Layouts         Auto Layout         Fit Layout         Card Layout         vbox Layout         hbox Layout

3.3      Panels

3.3.1        Panel

3.3.2        Form Panel

3.4      Sheet

3.4.1        Action Sheet

3.4.2        Picker

3.4.3        Date Picker

3.4.4        Message Box         Alert         Prompt         Confirm

3.5      Fields

3.5.1        Types         Text Field         Number Field         Radio Field         Select Field         Toggle Field         Checkbox Field         Text Area Field         Slider         Email      Password      Search      Url      Hidden

3.5.2        Data Manipulation         Set Field Values     Manually     From Manually Created Record     From Data Store Record         Get Field Values     Into Object     Into Related Record     Submit Form through HTTP Request


4. Events


4.1      Listeners

4.1.1        Assign         Using event & fn properties         Using shortened syntax         Inside Object while creating it         Inside Object that already exists using on()         Inside Class initialize() method using on()         Inside Class listeners property         Inside Class onEvent property

4.1.2        Remove         Using un()         Using property single

4.2      Custom Events

4.2.1        Create, fire and catch custom Event

4.3      Event handlers

4.3.1        Use Input Parameters


5. Data


5.1      Store

5.1.1        Create         By referencing Model         Without referencing Model         With initial data - Using Array of Objects         With initial data - Using Array of Arrays         With Proxy

5.1.2        Add Records         Using Array of Objects         Using Array of Arrays

5.1.3        Remove Records

5.1.4        Load Data Store         Autoload         load()         load() with Callback

5.1.5        Sync Data Store         Send updated records to server         Send created records to server         Send deleted records to server

5.2      Model

5.2.1        Register         By defining only column names         By defining column names and types

5.2.2        Validators         Add         Create custom validator

5.2.3        Associations         Has One         Belongs To         Has Many

5.3      Proxy

5.3.1        Ajax

5.3.2        JsonP

5.3.3        Local Storage

5.3.4        Session Storage

5.4      Reader

5.4.1        JSON

5.4.2        Array

5.4.3        XML

5.5      Writer

5.5.1        JSON

5.5.2        XML


6. Controller


6.1      Create Controller Class

6.1.1        Create Controller – In controller directory

6.1.2        Create Controller – In subfolder of controller directory

6.1.3        Create View Controller

6.1.4        Controller Application Controller

6.2      References

6.2.1        Create reference

6.3      Listeners

6.3.1        Assign listener using reference

6.3.2        Assign listener using component query

6.4      Event handlers

6.4.1        Use Parameters

6.4.2        Use this.getMyRef()

The Leanpub 60-day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

See full terms

80% Royalties. Earn $16 on a $20 book.

We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $12 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub