Your SlideShare is downloading. ×
The Hitchhiker's guide to mobile development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

The Hitchhiker's guide to mobile development

8,385
views

Published on

The slides from my talk at the mobilism 2011

The slides from my talk at the mobilism 2011

Published in: Technology

1 Comment
12 Likes
Statistics
Notes
No Downloads
Views
Total Views
8,385
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
148
Comments
1
Likes
12
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. The hitchhikers guide to mobile development Mobilism 2011 Nikolai Onken uxebuSunday, May 15, 2011
  • 2. @nonkenSunday, May 15, 2011
  • 3. Sunday, May 15, 2011
  • 4. We open the mobile web.Sunday, May 15, 2011
  • 5. How you totally should do itSunday, May 15, 2011
  • 6. Lets look atSunday, May 15, 2011
  • 7. Lets look at 1. Current state of mobile devSunday, May 15, 2011
  • 8. Lets look at 1. Current state of mobile dev 2. CodingSunday, May 15, 2011
  • 9. Lets look at 1. Current state of mobile dev 2. Coding 3. Call for actionSunday, May 15, 2011
  • 10. Current state of mobile devSunday, May 15, 2011
  • 11. State of mobile dev: runtimesSunday, May 15, 2011
  • 12. State of mobile dev: runtimesSunday, May 15, 2011
  • 13. State of mobile dev: runtimesSunday, May 15, 2011
  • 14. State of mobile dev: runtimesSunday, May 15, 2011
  • 15. State of mobile dev: runtimesSunday, May 15, 2011
  • 16. State of mobile dev: runtimesSunday, May 15, 2011
  • 17. State of mobile dev: runtimesSunday, May 15, 2011
  • 18. State of mobile dev: runtimesSunday, May 15, 2011
  • 19. State of mobile dev: runtimesSunday, May 15, 2011
  • 20. State of mobile dev: runtimesSunday, May 15, 2011
  • 21. State of mobile dev: runtimesSunday, May 15, 2011
  • 22. State of mobile dev: runtimes I would useSunday, May 15, 2011
  • 23. State of mobile dev: runtimes I would useSunday, May 15, 2011
  • 24. State of mobile dev: debuggingSunday, May 15, 2011
  • 25. State of mobile dev: debugging http://bit.ly/chrome-remoteSunday, May 15, 2011
  • 26. State of mobile dev: debugging http://bit.ly/weinreSunday, May 15, 2011
  • 27. State of mobile dev: debugging http://jsconsole.comSunday, May 15, 2011
  • 28. State of mobile dev: debugging http://bit.ly/o-dragonflySunday, May 15, 2011
  • 29. State of mobile dev: debugging http://jsdebugger.appspot.comSunday, May 15, 2011
  • 30. State of mobile dev: debugging http://zeonjs.comSunday, May 15, 2011
  • 31. State of mobile dev: debuggingSunday, May 15, 2011
  • 32. State of mobile dev: editors http://cloud9ide.comSunday, May 15, 2011
  • 33. State of mobile dev: editors http://cloud9ide.comSunday, May 15, 2011
  • 34. State of mobile dev: debugging SubEthaEdit FTWSunday, May 15, 2011
  • 35. Sunday, May 15, 2011
  • 36. Sunday, May 15, 2011
  • 37. Sunday, May 15, 2011
  • 38. Sunday, May 15, 2011
  • 39. State of mobile dev: build services http://apparat.io http://build.phonegap.com https://github.com/brianleroux/cordovaSunday, May 15, 2011
  • 40. State of mobile dev: build services http://apparat.io http://build.phonegap.com https://github.com/brianleroux/cordovaSunday, May 15, 2011
  • 41. State of mobile dev: build services http://apparat.ioSunday, May 15, 2011
  • 42. State of mobile dev: build services http://apparat.ioSunday, May 15, 2011
  • 43. State of mobile dev: build services http://apparat.ioSunday, May 15, 2011
  • 44. State of mobile dev: testing http://ripple.tinyhippos.com/ https://github.com/vf/web-testsuiteSunday, May 15, 2011
  • 45. State of mobile dev: testing http://ripple.tinyhippos.com/ https://github.com/vf/web-testsuiteSunday, May 15, 2011
  • 46. State of mobile dev: reporting http://distimo.comSunday, May 15, 2011
  • 47. State of mobile dev: reporting http://distimo.comSunday, May 15, 2011
  • 48. State of mobile dev: app stores yea right...Sunday, May 15, 2011
  • 49. State of mobile dev: app stores... Probably more than just ‘mobile’ - chromestore anyone?Sunday, May 15, 2011
  • 50. State of mobile dev: libraries tons of emSunday, May 15, 2011
  • 51. State of mobile dev: libraries but size matters!Sunday, May 15, 2011
  • 52. CodingSunday, May 15, 2011
  • 53. Rewire our brainsSunday, May 15, 2011
  • 54. What about those libraries?Sunday, May 15, 2011
  • 55. Uh ohSunday, May 15, 2011
  • 56. Uh ohSunday, May 15, 2011
  • 57. Uh ohSunday, May 15, 2011
  • 58. Uh ohSunday, May 15, 2011
  • 59. Uh ohSunday, May 15, 2011
  • 60. What about maintainability?Sunday, May 15, 2011
  • 61. Work with features and interfaces Don’t branch your codeSunday, May 15, 2011
  • 62. BadSunday, May 15, 2011
  • 63. Really BadSunday, May 15, 2011
  • 64. GoodSunday, May 15, 2011
  • 65. GoodSunday, May 15, 2011
  • 66. GoodSunday, May 15, 2011
  • 67. GoodSunday, May 15, 2011
  • 68. http://embedjs.org The DIY frameworkSunday, May 15, 2011
  • 69. Sunday, May 15, 2011
  • 70. Sunday, May 15, 2011
  • 71. vs.Sunday, May 15, 2011
  • 72. vs.Sunday, May 15, 2011
  • 73. 13 LOC vs. ~200 LOCSunday, May 15, 2011
  • 74. Enough code? Demo Mobilism appSunday, May 15, 2011
  • 75. Mixins hell yeaSunday, May 15, 2011
  • 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. DelegateSunday, May 15, 2011
  • 78. DelegateSunday, May 15, 2011
  • 79. DelegateSunday, May 15, 2011
  • 80. DelegateSunday, May 15, 2011
  • 81. Example: Delegate • Mobilism Schedule (Object emitters) https://github.com/nonken/mobilism2011Sunday, May 15, 2011
  • 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. Data bindingSunday, May 15, 2011
  • 84. Data bindingSunday, May 15, 2011
  • 85. Data bindingSunday, May 15, 2011
  • 86. Example • Mobilism schedule (Data binding)Sunday, May 15, 2011
  • 87. DOM Events • Binds native DOM events to object methodsSunday, May 15, 2011
  • 88. DOM EventsSunday, May 15, 2011
  • 89. DOM EventsSunday, May 15, 2011
  • 90. DOM EventsSunday, May 15, 2011
  • 91. DOM EventsSunday, May 15, 2011
  • 92. Example DOM Events • Mobilism mobile app (DOM event binding)Sunday, May 15, 2011
  • 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. Call for actionSunday, May 15, 2011
  • 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. How can we be of influence?Sunday, May 15, 2011
  • 97. Push PhoneGap to its limitsSunday, May 15, 2011
  • 98. Human APIs... in JavaScript!Sunday, May 15, 2011
  • 99. Questions?Sunday, May 15, 2011
  • 100. Wuut @nonken http://uxebu.com - @uxebuSunday, May 15, 2011