The Hitchhiker's guide to mobile development

  • 8,311 views
Uploaded on

The slides from my talk at the mobilism 2011

The slides from my talk at the mobilism 2011

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
8,311
On Slideshare
0
From Embeds
0
Number of Embeds
8

Actions

Shares
Downloads
147
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