The hitchhikers guide to                         mobile development                                Mobilism 2011          ...
@nonkenSunday, May 15, 2011
Sunday, May 15, 2011
We open the mobile web.Sunday, May 15, 2011
How you totally should do itSunday, May 15, 2011
Lets look atSunday, May 15, 2011
Lets look at                  1. Current state of mobile devSunday, May 15, 2011
Lets look at                  1. Current state of mobile dev                  2. CodingSunday, May 15, 2011
Lets look at                  1. Current state of mobile dev                  2. Coding                  3. Call for actio...
Current state of mobile devSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimesSunday, May 15, 2011
State of mobile dev: runtimes I would useSunday, May 15, 2011
State of mobile dev: runtimes I would useSunday, May 15, 2011
State of mobile dev: debuggingSunday, May 15, 2011
State of mobile dev: debugging                            http://bit.ly/chrome-remoteSunday, May 15, 2011
State of mobile dev: debugging                               http://bit.ly/weinreSunday, May 15, 2011
State of mobile dev: debugging                              http://jsconsole.comSunday, May 15, 2011
State of mobile dev: debugging                             http://bit.ly/o-dragonflySunday, May 15, 2011
State of mobile dev: debugging                           http://jsdebugger.appspot.comSunday, May 15, 2011
State of mobile dev: debugging                               http://zeonjs.comSunday, May 15, 2011
State of mobile dev: debuggingSunday, May 15, 2011
State of mobile dev: editors                           http://cloud9ide.comSunday, May 15, 2011
State of mobile dev: editors                           http://cloud9ide.comSunday, May 15, 2011
State of mobile dev: debugging                               SubEthaEdit FTWSunday, May 15, 2011
Sunday, May 15, 2011
Sunday, May 15, 2011
Sunday, May 15, 2011
Sunday, May 15, 2011
State of mobile dev: build services                                  http://apparat.io                             http://...
State of mobile dev: build services                                  http://apparat.io                             http://...
State of mobile dev: build services                                  http://apparat.ioSunday, May 15, 2011
State of mobile dev: build services                                  http://apparat.ioSunday, May 15, 2011
State of mobile dev: build services                                  http://apparat.ioSunday, May 15, 2011
State of mobile dev: testing                          http://ripple.tinyhippos.com/                       https://github.c...
State of mobile dev: testing                          http://ripple.tinyhippos.com/                       https://github.c...
State of mobile dev: reporting                             http://distimo.comSunday, May 15, 2011
State of mobile dev: reporting                             http://distimo.comSunday, May 15, 2011
State of mobile dev: app stores                                  yea right...Sunday, May 15, 2011
State of mobile dev: app stores...    Probably more than just ‘mobile’ - chromestore anyone?Sunday, May 15, 2011
State of mobile dev: libraries                                 tons of emSunday, May 15, 2011
State of mobile dev: libraries                               but size matters!Sunday, May 15, 2011
CodingSunday, May 15, 2011
Rewire our brainsSunday, May 15, 2011
What about those                         libraries?Sunday, May 15, 2011
Uh ohSunday, May 15, 2011
Uh ohSunday, May 15, 2011
Uh ohSunday, May 15, 2011
Uh ohSunday, May 15, 2011
Uh ohSunday, May 15, 2011
What about maintainability?Sunday, May 15, 2011
Work with features and interfaces                            Don’t branch your codeSunday, May 15, 2011
BadSunday, May 15, 2011
Really BadSunday, May 15, 2011
GoodSunday, May 15, 2011
GoodSunday, May 15, 2011
GoodSunday, May 15, 2011
GoodSunday, May 15, 2011
http://embedjs.org                       The DIY frameworkSunday, May 15, 2011
Sunday, May 15, 2011
Sunday, May 15, 2011
vs.Sunday, May 15, 2011
vs.Sunday, May 15, 2011
13 LOC                         vs.                       ~200 LOCSunday, May 15, 2011
Enough code? Demo                         Mobilism appSunday, May 15, 2011
Mixins hell yeaSunday, May 15, 2011
Delegate               • Different approach on event handling               • Simple, clear implementation               •...
DelegateSunday, May 15, 2011
DelegateSunday, May 15, 2011
DelegateSunday, May 15, 2011
DelegateSunday, May 15, 2011
Example: Delegate               • Mobilism Schedule (Object emitters)                       https://github.com/nonken/mobi...
Data binding               •       Based on delegate’s event handling               •       No templating language!       ...
Data bindingSunday, May 15, 2011
Data bindingSunday, May 15, 2011
Data bindingSunday, May 15, 2011
Example               • Mobilism schedule (Data binding)Sunday, May 15, 2011
DOM Events               • Binds native DOM events to object                       methodsSunday, May 15, 2011
DOM EventsSunday, May 15, 2011
DOM EventsSunday, May 15, 2011
DOM EventsSunday, May 15, 2011
DOM EventsSunday, May 15, 2011
Example DOM Events               • Mobilism mobile app (DOM event binding)Sunday, May 15, 2011
Gaming               • Curve Desaster - the experiment                       https://github.com/uxebu/curvedesaster       ...
Call for actionSunday, May 15, 2011
What is happening right now?               •       Fact: Native mobile is moving fast               •       Bad: Apple dis...
How can we be of influence?Sunday, May 15, 2011
Push PhoneGap to its limitsSunday, May 15, 2011
Human APIs... in JavaScript!Sunday, May 15, 2011
Questions?Sunday, May 15, 2011
Wuut                               @nonken                       http://uxebu.com - @uxebuSunday, May 15, 2011
Upcoming SlideShare
Loading in...5
×

The Hitchhiker's guide to mobile development

8,618

Published on

The slides from my talk at the mobilism 2011

Published in: Technology
1 Comment
12 Likes
Statistics
Notes
No Downloads
Views
Total Views
8,618
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
150
Comments
1
Likes
12
Embeds 0
No embeds

No notes for slide

The Hitchhiker's guide to mobile development

  1. 1. The hitchhikers guide to mobile development Mobilism 2011 Nikolai Onken uxebuSunday, May 15, 2011
  2. 2. @nonkenSunday, May 15, 2011
  3. 3. Sunday, May 15, 2011
  4. 4. We open the mobile web.Sunday, May 15, 2011
  5. 5. How you totally should do itSunday, May 15, 2011
  6. 6. Lets look atSunday, May 15, 2011
  7. 7. Lets look at 1. Current state of mobile devSunday, May 15, 2011
  8. 8. Lets look at 1. Current state of mobile dev 2. CodingSunday, May 15, 2011
  9. 9. Lets look at 1. Current state of mobile dev 2. Coding 3. Call for actionSunday, May 15, 2011
  10. 10. Current state of mobile devSunday, May 15, 2011
  11. 11. State of mobile dev: runtimesSunday, May 15, 2011
  12. 12. State of mobile dev: runtimesSunday, May 15, 2011
  13. 13. State of mobile dev: runtimesSunday, May 15, 2011
  14. 14. State of mobile dev: runtimesSunday, May 15, 2011
  15. 15. State of mobile dev: runtimesSunday, May 15, 2011
  16. 16. State of mobile dev: runtimesSunday, May 15, 2011
  17. 17. State of mobile dev: runtimesSunday, May 15, 2011
  18. 18. State of mobile dev: runtimesSunday, May 15, 2011
  19. 19. State of mobile dev: runtimesSunday, May 15, 2011
  20. 20. State of mobile dev: runtimesSunday, May 15, 2011
  21. 21. State of mobile dev: runtimesSunday, May 15, 2011
  22. 22. State of mobile dev: runtimes I would useSunday, May 15, 2011
  23. 23. State of mobile dev: runtimes I would useSunday, May 15, 2011
  24. 24. State of mobile dev: debuggingSunday, May 15, 2011
  25. 25. State of mobile dev: debugging http://bit.ly/chrome-remoteSunday, May 15, 2011
  26. 26. State of mobile dev: debugging http://bit.ly/weinreSunday, May 15, 2011
  27. 27. State of mobile dev: debugging http://jsconsole.comSunday, May 15, 2011
  28. 28. State of mobile dev: debugging http://bit.ly/o-dragonflySunday, May 15, 2011
  29. 29. State of mobile dev: debugging http://jsdebugger.appspot.comSunday, May 15, 2011
  30. 30. State of mobile dev: debugging http://zeonjs.comSunday, May 15, 2011
  31. 31. State of mobile dev: debuggingSunday, May 15, 2011
  32. 32. State of mobile dev: editors http://cloud9ide.comSunday, May 15, 2011
  33. 33. State of mobile dev: editors http://cloud9ide.comSunday, May 15, 2011
  34. 34. State of mobile dev: debugging SubEthaEdit FTWSunday, May 15, 2011
  35. 35. Sunday, May 15, 2011
  36. 36. Sunday, May 15, 2011
  37. 37. Sunday, May 15, 2011
  38. 38. Sunday, May 15, 2011
  39. 39. State of mobile dev: build services http://apparat.io http://build.phonegap.com https://github.com/brianleroux/cordovaSunday, May 15, 2011
  40. 40. State of mobile dev: build services http://apparat.io http://build.phonegap.com https://github.com/brianleroux/cordovaSunday, May 15, 2011
  41. 41. State of mobile dev: build services http://apparat.ioSunday, May 15, 2011
  42. 42. State of mobile dev: build services http://apparat.ioSunday, May 15, 2011
  43. 43. State of mobile dev: build services http://apparat.ioSunday, May 15, 2011
  44. 44. State of mobile dev: testing http://ripple.tinyhippos.com/ https://github.com/vf/web-testsuiteSunday, May 15, 2011
  45. 45. State of mobile dev: testing http://ripple.tinyhippos.com/ https://github.com/vf/web-testsuiteSunday, May 15, 2011
  46. 46. State of mobile dev: reporting http://distimo.comSunday, May 15, 2011
  47. 47. State of mobile dev: reporting http://distimo.comSunday, May 15, 2011
  48. 48. State of mobile dev: app stores yea right...Sunday, May 15, 2011
  49. 49. State of mobile dev: app stores... Probably more than just ‘mobile’ - chromestore anyone?Sunday, May 15, 2011
  50. 50. State of mobile dev: libraries tons of emSunday, May 15, 2011
  51. 51. State of mobile dev: libraries but size matters!Sunday, May 15, 2011
  52. 52. CodingSunday, May 15, 2011
  53. 53. Rewire our brainsSunday, May 15, 2011
  54. 54. What about those libraries?Sunday, May 15, 2011
  55. 55. Uh ohSunday, May 15, 2011
  56. 56. Uh ohSunday, May 15, 2011
  57. 57. Uh ohSunday, May 15, 2011
  58. 58. Uh ohSunday, May 15, 2011
  59. 59. Uh ohSunday, May 15, 2011
  60. 60. What about maintainability?Sunday, May 15, 2011
  61. 61. Work with features and interfaces Don’t branch your codeSunday, May 15, 2011
  62. 62. BadSunday, May 15, 2011
  63. 63. Really BadSunday, May 15, 2011
  64. 64. GoodSunday, May 15, 2011
  65. 65. GoodSunday, May 15, 2011
  66. 66. GoodSunday, May 15, 2011
  67. 67. GoodSunday, May 15, 2011
  68. 68. http://embedjs.org The DIY frameworkSunday, May 15, 2011
  69. 69. Sunday, May 15, 2011
  70. 70. Sunday, May 15, 2011
  71. 71. vs.Sunday, May 15, 2011
  72. 72. vs.Sunday, May 15, 2011
  73. 73. 13 LOC vs. ~200 LOCSunday, May 15, 2011
  74. 74. Enough code? Demo Mobilism appSunday, May 15, 2011
  75. 75. Mixins hell yeaSunday, May 15, 2011
  76. 76. Delegate • Different approach on event handling • Simple, clear implementation • Less overhead than the multi purpose event handlers such as dojo.connect • More explicit than pub/sub  • https://github.com/uxebu/delegateSunday, May 15, 2011
  77. 77. DelegateSunday, May 15, 2011
  78. 78. DelegateSunday, May 15, 2011
  79. 79. DelegateSunday, May 15, 2011
  80. 80. DelegateSunday, May 15, 2011
  81. 81. Example: Delegate • Mobilism Schedule (Object emitters) https://github.com/nonken/mobilism2011Sunday, May 15, 2011
  82. 82. Data binding • Based on delegate’s event handling • No templating language! • Objects emit events on state change • Data binding takes care of modifying DOM Sunday, May 15, 2011
  83. 83. Data bindingSunday, May 15, 2011
  84. 84. Data bindingSunday, May 15, 2011
  85. 85. Data bindingSunday, May 15, 2011
  86. 86. Example • Mobilism schedule (Data binding)Sunday, May 15, 2011
  87. 87. DOM Events • Binds native DOM events to object methodsSunday, May 15, 2011
  88. 88. DOM EventsSunday, May 15, 2011
  89. 89. DOM EventsSunday, May 15, 2011
  90. 90. DOM EventsSunday, May 15, 2011
  91. 91. DOM EventsSunday, May 15, 2011
  92. 92. Example DOM Events • Mobilism mobile app (DOM event binding)Sunday, May 15, 2011
  93. 93. Gaming • Curve Desaster - the experiment https://github.com/uxebu/curvedesaster • No library • Using only the Delegate mixin and a mixin helper • wwtest / http://10.0.2.1:8080Sunday, May 15, 2011
  94. 94. Call for actionSunday, May 15, 2011
  95. 95. What is happening right now? • Fact: Native mobile is moving fast • Bad: Apple disabled Nitro in WebView • Good: Android now has an ADK • Awesome: Chromestore now has payment APIs • Woot: HP kicks ass, you can use node.js! • ...Sunday, May 15, 2011
  96. 96. How can we be of influence?Sunday, May 15, 2011
  97. 97. Push PhoneGap to its limitsSunday, May 15, 2011
  98. 98. Human APIs... in JavaScript!Sunday, May 15, 2011
  99. 99. Questions?Sunday, May 15, 2011
  100. 100. Wuut @nonken http://uxebu.com - @uxebuSunday, May 15, 2011
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×