The Hitchhiker's guide to mobile development

The hitchhikers guide to mobile development Mobilism 2011 Nikolai Onken uxebuSunday, May 15, 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 actionSunday, May 15, 2011

Current state of mobile devSunday, 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: 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: debugging SubEthaEdit FTWSunday, May 15, 2011

State of mobile dev: build services http://apparat.io http://build.phonegap.com https://github.com/brianleroux/cordovaSunday, 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.com/vf/web-testsuiteSunday, 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

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

http://embedjs.org The DIY frameworkSunday, 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 • 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

DelegateSunday, May 15, 2011

Example: Delegate • Mobilism Schedule (Object emitters) https://github.com/nonken/mobilism2011Sunday, May 15, 2011

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

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

Example DOM Events • Mobilism mobile app (DOM event binding)Sunday, May 15, 2011

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

Call for actionSunday, May 15, 2011

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

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

http://www.blackphoebe.com	192
http://natacionpormario.blogspot.com	102
http://natacionpormario.blogspot.mx	25
http://www.utpl.edu.ec	4
http://www.onlydoo.com	3
http://lanyrd.com	3
http://fasoulas.posterous.com	3
http://blog.fasoulas.com	3
http://paper.li	2
http://fisioterapiaperu.blogspot.com	2
http://www.cs.nott.ac.uk	1
http://www.virtualogos.net	1
http://www.ensinogeo.com	1
http://www.janakiramm.net	1
http://translate.googleusercontent.com	1
url_unknown	1
http://tweetedtimes.com	1
http://www.vmworld.com	1
http://www.dferraz.net	1
http://www.reeep.org	1
http://www.massey.ac.nz	1
http://ischoolwebboard.ning.com	1
http://www.slideshare.net	1
http://arteillatambo.blogspot.com	1

The Hitchhiker's guide to mobile development

by Nikolai Onken on May 15, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

24 Embeds 353

Statistics

The Hitchhiker’s guide to mobile development — Presentation Transcript