jsday.it - develop and test custom components for sencha touch by nils dehl
-
Upload
nils-dehl -
Category
Technology
-
view
1.502 -
download
0
description
Transcript of jsday.it - develop and test custom components for sencha touch by nils dehl
![Page 1: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/1.jpg)
Develop and test custom components
for Sencha Touch
Nils Dehl, Senior Developer / Trainer
Twitter: @nilsdehlMail: [email protected]
![Page 2: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/2.jpg)
Agenda
About me
Introduce Sencha Touch
Custom Components
Testing
Q & A
![Page 3: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/3.jpg)
Nils Dehl
Senior Developer
Trainer
Sencha Meetup Frankfurt
Conference Talks
Sencha Forum: mrsunshine
@nilsdehl
![Page 4: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/4.jpg)
![Page 5: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/5.jpg)
Sencha Touch
![Page 6: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/6.jpg)
Sencha Touch 2
HTML5 mobile application framework
works on iOS, Android, BlackBerry, Windows 8, ...
Features
Smoother Scrolling and Animations
Adaptive Layouts
Native Packaging
Components: Lists, Dataviews, Toolbars, Charts, ...
![Page 7: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/7.jpg)
![Page 8: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/8.jpg)
![Page 9: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/9.jpg)
![Page 10: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/10.jpg)
![Page 11: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/11.jpg)
![Page 12: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/12.jpg)
![Page 13: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/13.jpg)
![Page 14: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/14.jpg)
Custom Components
![Page 15: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/15.jpg)
![Page 16: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/16.jpg)
![Page 17: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/17.jpg)
Demo
![Page 18: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/18.jpg)
![Page 19: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/19.jpg)
![Page 20: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/20.jpg)
![Page 21: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/21.jpg)
![Page 22: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/22.jpg)
![Page 23: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/23.jpg)
![Page 24: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/24.jpg)
![Page 25: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/25.jpg)
Styling
![Page 26: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/26.jpg)
Custom Events
![Page 27: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/27.jpg)
![Page 28: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/28.jpg)
![Page 29: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/29.jpg)
![Page 30: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/30.jpg)
![Page 31: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/31.jpg)
![Page 32: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/32.jpg)
![Page 33: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/33.jpg)
Testing
![Page 34: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/34.jpg)
Testing in Chrome
![Page 35: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/35.jpg)
Position right Settings
![Page 36: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/36.jpg)
![Page 37: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/37.jpg)
![Page 38: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/38.jpg)
![Page 39: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/39.jpg)
![Page 40: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/40.jpg)
![Page 41: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/41.jpg)
![Page 42: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/42.jpg)
![Page 43: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/43.jpg)
![Page 44: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/44.jpg)
Testing with Simulator
![Page 45: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/45.jpg)
Test in iOS Simulator (Xcode)
![Page 46: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/46.jpg)
Remote debugging with Safari
Settings >
Safari >
Advanced >
Web Inspector = ON
![Page 47: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/47.jpg)
Remote debugging with Safari
![Page 48: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/48.jpg)
Siesta
![Page 49: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/49.jpg)
Siesta
http://www.bryntum.com/products/siesta/
Siesta is a JavaScript unit testing tool
Testing of the DOM and simulate user interactions
Sencha Touch, jQuery, Ext JS, NodeJS,YUI etc.
Run Tests in
the Browser
NodeJS
Write unit tests in plain Javascript
![Page 50: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/50.jpg)
Siesta Testrunner Browser
![Page 51: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/51.jpg)
Siesta Testrunner Browser
![Page 52: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/52.jpg)
Siesta Testrunner Mobile
![Page 53: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/53.jpg)
Harness
![Page 54: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/54.jpg)
Test
![Page 55: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/55.jpg)
Demo
![Page 56: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/56.jpg)
Real world test
![Page 57: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/57.jpg)
d dkdevelopmentkommunikationdesign
thank you.
![Page 58: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/58.jpg)
? ??
![Page 59: jsday.it - develop and test custom components for sencha touch by nils dehl](https://reader038.fdocuments.in/reader038/viewer/2022110118/55548dfab4c905186d8b459a/html5/thumbnails/59.jpg)
@nilsdehl
slideshare.net/nilsdehl/
Vote Talk: https://joind.in/8589