Sencha Touch 2.0: HTML5 Mobile Apps

ubiquitousstrumpetΚινητά – Ασύρματες Τεχνολογίες

10 Δεκ 2013 (πριν από 3 χρόνια και 7 μήνες)

85 εμφανίσεις

Build Amazing Apps with Web Standards
Sencha Touch 2.0:
HTML5 Mobile Apps
David Kaneda
Ex-Creative Director

@davidkaneda

dk@morfunk.com
pages interactive apps
Build Amazing Apps with Web Standards
pages interactive apps
Sencha Touch is built from the ground up to leverage HTML5,
CSS3, and JavaScript enabling us to build rich Web applications
that look and feel native right out of the box.”
— Craig Walker, CTO of Xero

SERVERS & SERVICES
MY APPLICATION
Sencha Touch
Mobile
Ext JS
Desktop
BROWSER ENGINES
Sencha.io
HTTP/HTTPS
WebSocket
JavaScript
HTML
CSS
SERVERS & SERVICES
MY APPLICATION
Sencha Touch
Mobile
Ext JS
Desktop
BROWSER ENGINES

Desktop framework

Cross-Browser

Modern desktop UI

Mobile framework

Native packaging

Modern mobile UI
Sencha.io
HTTP/HTTPS
WebSocket
JavaScript
HTML
CSS
Sencha Customers
Products used by over 8,800 customers worldwide.
SERVERS & SERVICES
Sencha.io
HTTP/HTTPS
WebSocket
MY APPLICATION
Sencha Touch
Mobile
Ext JS
Desktop
BROWSER ENGINES
UI: Controls + Containers
Foundation: OOP + MVC + Library
Data: Models + Stores + Connectors
JavaScript
HTML
CSS
SERVERS & SERVICES
MY APPLICATION
BROWSER ENGINES
JavaScript
HTML
CSS
Sencha Touch
Mobile
Ext JS
Desktop
UI: Controls + Containers
Foundation: OOP + MVC + Library
Data: Models + Stores + Connectors
Sencha.io
HTTP/HTTPS
WebSocket
Foundation
Class System
Packages
Inheritance
Scope Management
Class Loading
Mix-ins
Ext.create( ‘class_name’, { } );
Ext.define( ‘class_name’, { } );
Class System
Classes
Classes
Classes
MVC
Standard Library
xtype
xtemplate
SERVERS & SERVICES
Sencha.io
HTTP/HTTPS
WebSocket
MY APPLICATION
BROWSER ENGINES
JavaScript
HTML5
CSS3
Sencha Touch
Mobile
Ext JS
Desktop
UI: Controls + Containers
Foundation: OOP + MVC + Library
Data: Models + Stores + Connectors
Data
Data: Model & Stores
Data: Model & Stores
SERVERS & SERVICES
Sencha.io
HTTP/HTTPS
WebSocket
MY APPLICATION
BROWSER ENGINES
JavaScript
HTML5
CSS3
Sencha Touch
Mobile
Ext JS
Desktop
UI: Controls + Containers
Foundation: OOP + MVC + Library
Data: Models + Stores + Connectors
UI
Touch Components
Touch Containers
Touch
Scrolling
Touch Events
Built on native events
Abstracted for performance
Additional events
Tap
Double tap
Tap and hold
Swipe
Pinch
Drag & drop
Styling with Sass
Tooling
Sencha Architect 2
Sencha Deployment
Mobile
Desktop
Web
Native Package
Sencha Touch
Ext JS
Sencha Touch
Code!
Get Started!
http://sencha.com/learn