introduction to sencha touch

1

By: Ahmed Badie

Sencha Touch

2

Agenda

What is Sencha Touch? Introduction to Sencha Cmd Sencha Examples Sencha Try Sencha Documentation

3

What is Sencha Touch?

Built on HTML5 Technology

Smoother Scrolling and Animations

Adaptive Layouts

Native Packaging

4

What is Sencha Touch?

Request sent from mobile browser

Response from server

Web Server

Mobile device with WebKit browser

5

Introduction to Sencha Cmd

6

Introduction to Sencha Cmd

Sencha Cmd provides the following capabilities:

Code Generation Tools JS Compiler Web Server Packaging Management System

7

Introduction to Sencha Cmd (cont.)

System Setup1. Download and install a 

Java Run-time Environment or JRE (at least JRE 6, JRE 7 is best).

2. You need to install Ruby version 1.9.3 (Ruby version 2.0 is not supported)

3. Download and install Sencha Cmd.4. Download the appropriate version of 

Sencha Touch for mobile applications.5. Extract the SDK to a local directory.

Introduction to Sencha Cmd (cont.)

Command Basics

8

sencha -sdk /path/to/sdk generate app MyApp /path/to/MyApp

• Generate an application skeleton

sencha fs web [-port 8000] start -map <dir_name>

• Start the Cmd web serversencha help

• Display Sencha help

9

Sencha Examples

10

Sencha Examples

11

Sencha Try

12

Sencha Try

Ext JS 4.2.0

Sencha Touch2.2.0

13

Sencha Documentation

14

Sencha Documentation

15

References

Sencha official websitehttp://www.sencha.com