Mobile Development Guide: Current State and Coding Best Practices
•
12 likes•14,728 views
The document discusses the current state of mobile development. It covers mobile runtimes, debugging tools, editors, build services, testing, reporting, app stores, and libraries. It then discusses approaches to coding mobile apps, including using mixins and libraries sparingly. It provides examples of a mobile app built with a delegate mixin for event handling and data binding. The document calls for further developing mobile capabilities by pushing frameworks like PhoneGap and advocating for more direct access to device APIs from JavaScript.
Recommended
More Related Content
Similar to Mobile Development Guide: Current State and Coding Best Practices
Similar to Mobile Development Guide: Current State and Coding Best Practices (20)
More from Nikolai Onken
More from Nikolai Onken (17)
Recently uploaded
Recently uploaded (20)
Mobile Development Guide: Current State and Coding Best Practices
- 1. The hitchhiker's guide to mobile development Mobilism 2011 Nikolai Onken uxebu Sunday, May 15, 2011
- 2. @nonken Sunday, May 15, 2011
- 3. Sunday, May 15, 2011
- 4. We open the mobile web. Sunday, May 15, 2011
- 5. How you totally should do it Sunday, May 15, 2011
- 6. Lets look at Sunday, May 15, 2011
- 7. Lets look at 1. Current state of mobile dev Sunday, May 15, 2011
- 8. Lets look at 1. Current state of mobile dev 2. Coding Sunday, May 15, 2011
- 9. Lets look at 1. Current state of mobile dev 2. Coding 3. Call for action Sunday, May 15, 2011
- 10. Current state of mobile dev Sunday, May 15, 2011
- 11. State of mobile dev: runtimes Sunday, May 15, 2011
- 12. State of mobile dev: runtimes Sunday, May 15, 2011
- 13. State of mobile dev: runtimes Sunday, May 15, 2011
- 14. State of mobile dev: runtimes Sunday, May 15, 2011
- 15. State of mobile dev: runtimes Sunday, May 15, 2011
- 16. State of mobile dev: runtimes Sunday, May 15, 2011
- 17. State of mobile dev: runtimes Sunday, May 15, 2011
- 18. State of mobile dev: runtimes Sunday, May 15, 2011
- 19. State of mobile dev: runtimes Sunday, May 15, 2011
- 20. State of mobile dev: runtimes Sunday, May 15, 2011
- 21. State of mobile dev: runtimes Sunday, May 15, 2011
- 22. State of mobile dev: runtimes I would use Sunday, May 15, 2011
- 23. State of mobile dev: runtimes I would use Sunday, May 15, 2011
- 24. State of mobile dev: debugging Sunday, May 15, 2011
- 25. State of mobile dev: debugging http://bit.ly/chrome-remote Sunday, May 15, 2011
- 26. State of mobile dev: debugging http://bit.ly/weinre Sunday, May 15, 2011
- 27. State of mobile dev: debugging http://jsconsole.com Sunday, May 15, 2011
- 28. State of mobile dev: debugging http://bit.ly/o-dragonfly Sunday, May 15, 2011
- 29. State of mobile dev: debugging http://jsdebugger.appspot.com Sunday, May 15, 2011
- 30. State of mobile dev: debugging http://zeonjs.com Sunday, May 15, 2011
- 31. State of mobile dev: debugging Sunday, May 15, 2011
- 32. State of mobile dev: editors http://cloud9ide.com Sunday, May 15, 2011
- 33. State of mobile dev: editors http://cloud9ide.com Sunday, May 15, 2011
- 34. State of mobile dev: debugging SubEthaEdit FTW Sunday, 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/cordova Sunday, May 15, 2011
- 40. State of mobile dev: build services http://apparat.io http://build.phonegap.com https://github.com/brianleroux/cordova Sunday, May 15, 2011
- 41. State of mobile dev: build services http://apparat.io Sunday, May 15, 2011
- 42. State of mobile dev: build services http://apparat.io Sunday, May 15, 2011
- 43. State of mobile dev: build services http://apparat.io Sunday, May 15, 2011
- 44. State of mobile dev: testing http://ripple.tinyhippos.com/ https://github.com/vf/web-testsuite Sunday, May 15, 2011
- 45. State of mobile dev: testing http://ripple.tinyhippos.com/ https://github.com/vf/web-testsuite Sunday, May 15, 2011
- 46. State of mobile dev: reporting http://distimo.com Sunday, May 15, 2011
- 47. State of mobile dev: reporting http://distimo.com Sunday, 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 em Sunday, May 15, 2011
- 51. State of mobile dev: libraries but size matters! Sunday, May 15, 2011
- 52. Coding Sunday, May 15, 2011
- 53. Rewire our brains Sunday, May 15, 2011
- 54. What about those libraries? Sunday, May 15, 2011
- 55. Uh oh Sunday, May 15, 2011
- 56. Uh oh Sunday, May 15, 2011
- 57. Uh oh Sunday, May 15, 2011
- 58. Uh oh Sunday, May 15, 2011
- 59. Uh oh Sunday, May 15, 2011
- 60. What about maintainability? Sunday, May 15, 2011
- 61. Work with features and interfaces Don’t branch your code Sunday, May 15, 2011
- 62. Bad Sunday, May 15, 2011
- 63. Really Bad Sunday, May 15, 2011
- 64. Good Sunday, May 15, 2011
- 65. Good Sunday, May 15, 2011
- 66. Good Sunday, May 15, 2011
- 67. Good Sunday, May 15, 2011
- 68. http://embedjs.org The DIY framework Sunday, 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 LOC Sunday, May 15, 2011
- 74. Enough code? Demo Mobilism app Sunday, May 15, 2011
- 75. Mixins hell yea Sunday, 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/delegate Sunday, May 15, 2011
- 77. Delegate Sunday, May 15, 2011
- 78. Delegate Sunday, May 15, 2011
- 79. Delegate Sunday, May 15, 2011
- 80. Delegate Sunday, May 15, 2011
- 81. Example: Delegate • Mobilism Schedule (Object emitters) https://github.com/nonken/mobilism2011 Sunday, 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 binding Sunday, May 15, 2011
- 84. Data binding Sunday, May 15, 2011
- 85. Data binding Sunday, May 15, 2011
- 86. Example • Mobilism schedule (Data binding) Sunday, May 15, 2011
- 87. DOM Events • Binds native DOM events to object methods Sunday, May 15, 2011
- 88. DOM Events Sunday, May 15, 2011
- 89. DOM Events Sunday, May 15, 2011
- 90. DOM Events Sunday, May 15, 2011
- 91. DOM Events Sunday, 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:8080 Sunday, May 15, 2011
- 94. Call for action Sunday, 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 limits Sunday, May 15, 2011
- 98. Human APIs... in JavaScript! Sunday, May 15, 2011
- 99. Questions? Sunday, May 15, 2011
- 100. Wuut @nonken http://uxebu.com - @uxebu Sunday, May 15, 2011