Embedjs

embedjs

dojoconf 2011

Nikolai Onkenuxebu

Friday, September 16, 11

@nonken



We open the mobile web.


How you totally should write code


Lets look at


Lets look at

1. embedjs


Lets look at

1. embedjs

2. embedjs features


embedjs


History



Objective-C


Objective-C Symbian C


Objective-C JavaSymbian C



Java



.NETJava



.NETJava ...











http://www.flickr.com/photos/tacoekkel/25538919/


http://bit.ly/distimo-appstores


http://www.flickr.com/photos/hugo90/3916794427/









At RuntimeAt Build Time


Shrink and customize your API


25kB



25kB



25kB 8kB



vs.

Simple queries > simple library functionOnly ".class" and "#id" queries


vs.


Full fledged queries > Full blown library function


vs.


Full fledged queries > Full blown library function

13 LOC

~200 LOC



dojo-blackberry.js


dojo-blackberry.js

dojo-blackberry46.js


dojo-blackberry.js


dojo-nokia-wrt.js


dojo-blackberry.js


dojo-nokia-wrt.js

dojo-opera.js


dojo-blackberry.js


dojo-nokia-wrt.js

dojo-opera.js

dojo-webkit-mobile.js


dojo-blackberry.js


dojo-nokia-wrt.js

dojo-opera.js

dojo-webkit-mobile.js

dojo-windows-mobile.js


• Know the platform you are targeting

• Are developing apps using PhoneGap

Perfect for when you


embedjs features


• We need: AMD compatible modules

• We need: has.js (Peters talk)

• We need: require ‘feature’ plugin

Embedjs builds vs. feature detection -

mwuahahaha


Meet embedjs ‘features’building cross device apps


Work with features and consistent APIs

Don’t branch your code


Not cool


Not cool


Works:


Works:


Works:


Works:


vs



Implementing features is simple:


Defining features is super simple:


Requiring features is even simpler:


• Ship everything and do feature tests at runtime

• Make targeted builds using specific implementations

Two ways you can run a build


Runtime detection:

./buildj.sh name=../../src/js/main out=../../debug/js/main.js baseUrl=../../src/js/ paths.implementations=implementations/dynamic paths.feature=lib/feature


Targeted build:

./buildj.sh name=../../src/js/main out=../../debug/js/main.js baseUrl=../../src/js/ paths.implementations=implementations/touch paths.feature=lib/feature


Lets see this in the browser


• EmbedJS in publishing

Does it work in real life?


• http://embedjs.org

• http://github.com/uxebu/embedjs (AMD branch)

Where to get it


http://github.com/uxebu/embedjs

http://github.com/uxebu/embedjs

• Lots of highly optimized CommonJS compatible modules

• Mobile optimized features (components)

• Development patterns / paradigms for cross device development

The future of embedjs





Dojo.beer tonight


Questions?


@nonken

http://uxebu.com - @uxebu


http://uxebu.com

http://uxebu.com

Technology

Embedjs