Embedjs

embedjs dojoconf 2011 Nikolai Onken uxebuFriday, September 16, 11

@nonkenFriday, September 16, 11

Friday, September 16, 11

We open the mobile web.Friday, September 16, 11

How you totally should write codeFriday, September 16, 11

Lets look atFriday, September 16, 11

Lets look at 1. embedjsFriday, September 16, 11

Lets look at 1. embedjs 2. embedjs featuresFriday, September 16, 11

embedjsFriday, September 16, 11

HistoryFriday, September 16, 11

Objective-CFriday, September 16, 11

Objective-C Symbian CFriday, September 16, 11

Objective-C Symbian C JavaFriday, September 16, 11

Objective-C Symbian C Java JavaFriday, September 16, 11

Objective-C Symbian C Java Java .NETFriday, September 16, 11

Objective-C Symbian C Java Java .NET ...Friday, September 16, 11

http://www.ﬂickr.com/photos/tacoekkel/25538919/Friday, September 16, 11

http://www.ﬂickr.com/photos/hugo90/3916794427/Friday, September 16, 11

At Runtime At Build TimeFriday, September 16, 11

Shrink and customize your APIFriday, September 16, 11

Shrink and customize your API 25kBFriday, September 16, 11

Shrink and customize your API 25kB 8kBFriday, September 16, 11

Simple queries > simple library function Only ".class" and "#id" queries vs.Friday, September 16, 11

Simple queries > simple library function Only ".class" and "#id" queries vs. Full fledged queries > Full blown library functionFriday, September 16, 11

13 LOC Simple queries > simple library function Only ".class" and "#id" queries vs. Full fledged queries > Full blown library function ~200 LOCFriday, September 16, 11

dojo-blackberry.jsFriday, September 16, 11

dojo-blackberry.js dojo-blackberry46.jsFriday, September 16, 11

dojo-blackberry.js dojo-blackberry46.js dojo-nokia-wrt.jsFriday, September 16, 11

dojo-blackberry.js dojo-blackberry46.js dojo-nokia-wrt.js dojo-opera.jsFriday, September 16, 11

dojo-blackberry.js dojo-blackberry46.js dojo-nokia-wrt.js dojo-opera.js dojo-webkit-mobile.jsFriday, September 16, 11

dojo-blackberry.js dojo-blackberry46.js dojo-nokia-wrt.js dojo-opera.js dojo-webkit-mobile.js dojo-windows-mobile.jsFriday, September 16, 11

Perfect for when you • Know the platform you are targeting • Are developing apps using PhoneGapFriday, September 16, 11

embedjs featuresFriday, September 16, 11

Embedjs builds vs. feature detection - mwuahahaha • We need: AMD compatible modules • We need: has.js (Peters talk) • We need: require ‘feature’ pluginFriday, September 16, 11

Meet embedjs ‘features’ building cross device appsFriday, September 16, 11

Work with features and consistent APIs Don’t branch your codeFriday, September 16, 11

Not coolFriday, September 16, 11

Works:Friday, September 16, 11

vsFriday, September 16, 11

Implementing features is simple:Friday, September 16, 11

Deﬁning features is super simple:Friday, September 16, 11

Requiring features is even simpler:Friday, September 16, 11

Two ways you can run a build • Ship everything and do feature tests at runtime • Make targeted builds using specific implementationsFriday, September 16, 11

Runtime detection: ./buildj.sh name=../../src/js/main out=../../debug/js/main.js baseUrl=../../src/js/ paths.implementations=implementations/dynamic paths.feature=lib/featureFriday, September 16, 11

Targeted build: ./buildj.sh name=../../src/js/main out=../../debug/js/main.js baseUrl=../../src/js/ paths.implementations=implementations/touch paths.feature=lib/featureFriday, September 16, 11

Lets see this in the browserFriday, September 16, 11

Does it work in real life? • EmbedJS in publishingFriday, September 16, 11

Where to get it • http://embedjs.org • http://github.com/uxebu/embedjs (AMD branch)Friday, September 16, 11

The future of embedjs • Lots of highly optimized CommonJS compatible modules • Mobile optimized features (components) • Development patterns / paradigms for cross device developmentFriday, September 16, 11

Dojo.beer tonightFriday, September 16, 11

Questions?Friday, September 16, 11

@nonken http://uxebu.com - @uxebuFriday, September 16, 11

http://lanyrd.com	84
http://tweetedtimes.com	17
http://twitter.com	3
http://paper.li	3
https://twitter.com	2
http://us-w1.rockmelt.com	1
http://trunk.ly	1

Embedjs

by Nikolai Onken

Accessibility

Categories

Upload Details

Usage Rights

7 Embeds 111

Statistics

Embedjs Presentation Transcript