+ All Categories
Transcript
Page 1: Choosing the Right Mobile Development Platform (Part 6)

Choosing the Right Mobile Development Platform (Part 6)

@ChrisGriffith

Page 2: Choosing the Right Mobile Development Platform (Part 6)
Page 3: Choosing the Right Mobile Development Platform (Part 6)

What is Sencha Touch 2?

Javascript API for mobile appsBuilt on Web StandardsTargets WebKit

Page 4: Choosing the Right Mobile Development Platform (Part 6)

What is Sencha Touch 2?

Page 5: Choosing the Right Mobile Development Platform (Part 6)

Sencha Touch is licensed under free commercial and open source licenses for application development, and a paid commercial license for OEM uses.

Page 6: Choosing the Right Mobile Development Platform (Part 6)

What platforms support Sencha Touch?

Page 7: Choosing the Right Mobile Development Platform (Part 6)

<!DOCTYPE HTML><html manifest="" lang="en-US"><head> <meta charset="UTF-8"> <title>Hike Sedona</title> <script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script></head><body> <div id="appLoadingIndicator"> <div></div> <div></div> <div></div> </div></body></html>

Basic Structure

Page 8: Choosing the Right Mobile Development Platform (Part 6)

Ext.define("HikeSedona.view.Main", { extend: 'Ext.tab.Panel', config: { tabBarPosition: 'bottom', items: [ { xclass: 'HikeSedona.view.hike.Card'},

{ xclass: 'HikeSedona.view.Location'} ] }});

Basic Structure

Page 9: Choosing the Right Mobile Development Platform (Part 6)

App Structure

Page 10: Choosing the Right Mobile Development Platform (Part 6)

Components

Audio

Carousel

Forms

Icons

List

Search List

Maps

Nested List

Overlays

Tabs

Video

Page 11: Choosing the Right Mobile Development Platform (Part 6)
Page 12: Choosing the Right Mobile Development Platform (Part 6)

Sencha Designer

Page 13: Choosing the Right Mobile Development Platform (Part 6)

Device Access

Accelerometer

Camera

Connection Status

Geolocation

Notifications

Storage

Page 14: Choosing the Right Mobile Development Platform (Part 6)

Native Packaging

Sencha SDK Tools

Page 15: Choosing the Right Mobile Development Platform (Part 6)

Performance

Page 16: Choosing the Right Mobile Development Platform (Part 6)

iOS

Page 17: Choosing the Right Mobile Development Platform (Part 6)

Android

Page 18: Choosing the Right Mobile Development Platform (Part 6)

Now go build something!

Page 19: Choosing the Right Mobile Development Platform (Part 6)

Thanks!

[email protected]

@chrisgriffith

http://chrisgriffith.wordpress.com/


Top Related