sencha touch 2
Post on 09-May-2015
2.009 Views
Preview:
DESCRIPTION
TRANSCRIPT
4Developers (Poznan, Poland) / April 18th 2012Martin de Keijzer
Building mobile web applicationswith Sencha Touch 2
woensdag 18 april 12
About me
Martin de Keijzer
Dutch web developer
2
@Martin1982
PHPBenelux Board Member
Working for Ibuildings
http://www.martindekeijzer.nl
woensdag 18 april 12
Apps
LanguagesApple: Objective-C
Android: Java
Windows Phone: C# / Visual Basic
4
Distribution MethodsApple: AppStore
Android: Market
Windows Phone: Microsoft Market Place
woensdag 18 april 12
Web Apps
Available through the web
Platform independent
Can be transformed to an App-like experience
Can be wrapped as native apps
5woensdag 18 april 12
The Sencha Touch way
Building applications, not websites
Pure JavaScript
Touch framework
MV(S)C Paradigm
Based on ExtJS 4
Downloadable from http://www.sencha.com
7woensdag 18 april 12
Quick start: Sencha Command
10
•App
•Resources
•SDK (DO NOT TOUCH!)
•app.js
•.json files
•index.html
woensdag 18 april 12
User interface
Abstraction of various app-interface ui elements:containers
panels
tabpanels
carousels
lists
forms
toolbars
12woensdag 18 april 12
Bootstrapping and Controllers
19
/app.jsFinal point of bootstrapping, controllers & profiles go first
woensdag 18 april 12
Device profiles
Different devices require different options.
Tablet has more screen real estate and can provide more user interaction than a phone.
Sencha Touch 2 provides profiles to build concrete implementations of the device functionalities.
39woensdag 18 april 12
Profile overriding
41
app/controller/phone/PictureBox.js
app/controller/tablet/PictureBox.js
woensdag 18 april 12
Compass Variables
51
sdk/resources/themes/stylesheets/sencha-touch/
default/_variables.scss
woensdag 18 april 12
Quick Tips
•Well documented on http://docs.sencha.com
•Sencha Command
•Sencha Designer 2 Beta
•Keep your views clean, use controllers!
•Mobile devices have limited hardware
54woensdag 18 april 12
Need another look?
55
http://www.github.com/Martin1982/4Developers
woensdag 18 april 12
Hungry for more?????
56
June 7 - 8 - 9, 2012Amsterdam RAI (The Netherlands)
http://mobileconference.nlDutch PHP Conference visitors can attend the mobile conference and vice versa!
woensdag 18 april 12
Thank you!
Contact details:
Twitter: @Martin1982mdkeijzer@ibuildings.nl
woensdag 18 april 12
top related