introduction to sencha touch
DESCRIPTION
Introduction about Sencha Touch Talk about the following * What is Sencha ? * Introduction about Sencha Cmd * Sencha Examples * Sencha Try * Sencha DocumentationTRANSCRIPT
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
11
Sencha Try
12
Sencha Try
Ext JS 4.2.0
Sencha Touch2.2.0
13
Sencha Documentation