RAPID LEARNING SENCHA TOUCH
RAPID LEARNING SENCHA TOUCH
$10.00
Minimum price
$20.00
Suggested price
RAPID LEARNING SENCHA TOUCH

Last updated on 2015-09-27

About the Book

Info

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

ivoronline.com

 

WHY TUTORIALS?

"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. 

 

WHAT KIND OF TUTORIALS?

"Working example is worth thousands of words."

Just like the picture is worth thousands of 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 transfering 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 is the approach I use when creating tutorials. This results in rapid learning which you can apply when you need it in the spirit of Just In Time Support. 

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

2.1.2.1         extend

2.1.2.2         xtype

2.1.2.3         config

2.1.2.4         requiers

2.1.2.5         statics

2.1.2.6         singleton

2.1.2.7         mixins

2.1.2.8         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

3.2.1.1         Container

3.2.1.2         Viewport

3.2.1.3         Segmented Button

3.2.1.4         Map

3.2.1.5         Tabbed Panel

3.2.1.6         Carousel

3.2.1.7         Navigation View

3.2.1.8         Toolbar

3.2.1.9         Titlebar

3.2.1.10      List

3.2.1.11      Nested List

3.2.1.12      Field Set

3.2.2        Layouts

3.2.2.1         Auto Layout

3.2.2.2         Fit Layout

3.2.2.3         Card Layout

3.2.2.4         vbox Layout

3.2.2.5         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

3.4.4.1         Alert

3.4.4.2         Prompt

3.4.4.3         Confirm

3.5      Fields

3.5.1        Types

3.5.1.1         Text Field

3.5.1.2         Number Field

3.5.1.3         Radio Field

3.5.1.4         Select Field

3.5.1.5         Toggle Field

3.5.1.6         Checkbox Field

3.5.1.7         Text Area Field

3.5.1.8         Slider

3.5.1.9         Email

3.5.1.10      Password

3.5.1.11      Search

3.5.1.12      Url

3.5.1.13      Hidden

3.5.2        Data Manipulation

3.5.2.1         Set Field Values

3.5.2.1.1     Manually

3.5.2.1.2     From Manually Created Record

3.5.2.1.3     From Data Store Record

3.5.2.2         Get Field Values

3.5.2.2.1     Into Object

3.5.2.2.2     Into Related Record

3.5.2.2.3     Submit Form through HTTP Request

 

4. Events

 

4.1      Listeners

4.1.1        Assign

4.1.1.1         Using event & fn properties

4.1.1.2         Using shortened syntax

4.1.1.3         Inside Object while creating it

4.1.1.4         Inside Object that already exists using on()

4.1.1.5         Inside Class initialize() method using on()

4.1.1.6         Inside Class listeners property

4.1.1.7         Inside Class onEvent property

4.1.2        Remove

4.1.2.1         Using un()

4.1.2.2         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

5.1.1.1         By referencing Model

5.1.1.2         Without referencing Model

5.1.1.3         With initial data - Using Array of Objects

5.1.1.4         With initial data - Using Array of Arrays

5.1.1.5         With Proxy

5.1.2        Add Records

5.1.2.1         Using Array of Objects

5.1.2.2         Using Array of Arrays

5.1.3        Remove Records

5.1.4        Load Data Store

5.1.4.1         Autoload

5.1.4.2         load()

5.1.4.3         load() with Callback

5.1.5        Sync Data Store

5.1.5.1         Send updated records to server

5.1.5.2         Send created records to server

5.1.5.3         Send deleted records to server

5.2      Model

5.2.1        Register

5.2.1.1         By defining only column names

5.2.1.2         By defining column names and types

5.2.2        Validators

5.2.2.1         Add

5.2.2.2         Create custom validator

5.2.3        Associations

5.2.3.1         Has One

5.2.3.2         Belongs To

5.2.3.3         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 45-day 100% Happiness Guarantee

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

See full terms...

Write and Publish on Leanpub

Authors, publishers and universities use Leanpub to publish amazing in-progress and completed books and courses, just like this one. You can use Leanpub to write, publish and sell your book or course as well! 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. It really is that easy.

Learn more about writing on Leanpub