Develop and testcustom componentsfor Sencha TouchNils Dehl, Senior Developer / TrainerTwitter: @nilsdehlMail: nd@dkd.de
AgendaAbout meIntroduce Sencha TouchCustom ComponentsTestingQ & A
Nils DehlSenior DeveloperTrainerSencha Meetup FrankfurtConference TalksSencha Forum: mrsunshine@nilsdehl
Sencha Touch
Sencha Touch 2HTML5 mobile application frameworkworks on iOS, Android, BlackBerry, Windows 8, ...FeaturesSmoother Scrollin...
CustomComponents
Demo
Styling
Custom Events
Testing
Testing in Chrome
Position right Settings
Testing with Simulator
Test in iOS Simulator (Xcode)
Remote debugging with SafariSettings >Safari >Advanced >Web Inspector = ON
Remote debugging with Safari
Siesta
Siestahttp://www.bryntum.com/products/siesta/Siesta is a JavaScript unit testing toolTesting of the DOM and simulate user ...
Siesta Testrunner Browser
Siesta Testrunner Browser
Siesta Testrunner Mobile
Harness
Test
Demo
Real world test
d dkdevelopmentkommunikationdesignthank you.
? ??
@nilsdehlslideshare.net/nilsdehl/nd@dkd.deVote Talk:https://joind.in/8589
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
jsday.it - develop and test custom components for sencha touch by nils dehl
Upcoming SlideShare
Loading in …5
×

jsday.it - develop and test custom components for sencha touch by nils dehl

2,166 views

Published on

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.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,166
On SlideShare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

jsday.it - develop and test custom components for sencha touch by nils dehl

  1. 1. Develop and testcustom componentsfor Sencha TouchNils Dehl, Senior Developer / TrainerTwitter: @nilsdehlMail: nd@dkd.de
  2. 2. AgendaAbout meIntroduce Sencha TouchCustom ComponentsTestingQ & A
  3. 3. Nils DehlSenior DeveloperTrainerSencha Meetup FrankfurtConference TalksSencha Forum: mrsunshine@nilsdehl
  4. 4. Sencha Touch
  5. 5. Sencha Touch 2HTML5 mobile application frameworkworks on iOS, Android, BlackBerry, Windows 8, ...FeaturesSmoother Scrolling and AnimationsAdaptive LayoutsNative PackagingComponents: Lists, Dataviews, Toolbars, Charts, ...
  6. 6. CustomComponents
  7. 7. Demo
  8. 8. Styling
  9. 9. Custom Events
  10. 10. Testing
  11. 11. Testing in Chrome
  12. 12. Position right Settings
  13. 13. Testing with Simulator
  14. 14. Test in iOS Simulator (Xcode)
  15. 15. Remote debugging with SafariSettings >Safari >Advanced >Web Inspector = ON
  16. 16. Remote debugging with Safari
  17. 17. Siesta
  18. 18. Siestahttp://www.bryntum.com/products/siesta/Siesta is a JavaScript unit testing toolTesting of the DOM and simulate user interactionsSencha Touch, jQuery, Ext JS, NodeJS,YUI etc.Run Tests inthe BrowserNodeJSWrite unit tests in plain Javascript
  19. 19. Siesta Testrunner Browser
  20. 20. Siesta Testrunner Browser
  21. 21. Siesta Testrunner Mobile
  22. 22. Harness
  23. 23. Test
  24. 24. Demo
  25. 25. Real world test
  26. 26. d dkdevelopmentkommunikationdesignthank you.
  27. 27. ? ??
  28. 28. @nilsdehlslideshare.net/nilsdehl/nd@dkd.deVote Talk:https://joind.in/8589

×