jsday.it - develop and test custom components for sencha touch by nils dehl
DESCRIPTION
How to develop and test custom UI components for your Sencha Touch application. In this talk I will show you how to develop your own reusable UI components for your Sencha Touch Apps. Showcased with a custom "slide rule value selector" with two scales and a custom display component we will see how to create custom UI classes and use them in your App. We will also look into how to test our components with the Siesta JavaScript testing suite.TRANSCRIPT
Develop and test custom components
for Sencha Touch
Nils Dehl, Senior Developer / Trainer
Twitter: @nilsdehlMail: [email protected]
Agenda
About me
Introduce Sencha Touch
Custom Components
Testing
Q & A
Nils Dehl
Senior Developer
Trainer
Sencha Meetup Frankfurt
Conference Talks
Sencha Forum: mrsunshine
@nilsdehl
Sencha Touch
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, ...
Custom Components
Demo
Styling
Custom Events
Testing
Testing in Chrome
Position right Settings
Testing with Simulator
Test in iOS Simulator (Xcode)
Remote debugging with Safari
Settings >
Safari >
Advanced >
Web Inspector = ON
Remote debugging with Safari
Siesta
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
Siesta Testrunner Browser
Siesta Testrunner Browser
Siesta Testrunner Mobile
Harness
Test
Demo
Real world test
d dkdevelopmentkommunikationdesign
thank you.
? ??
@nilsdehl
slideshare.net/nilsdehl/
Vote Talk: https://joind.in/8589