Those slides explain embedJS, a super optimized JavaScript framework for embedded devices (mobile phones, TVs, etc.) based on the Dojo Toolkit.

1. embedJS
the JavaScript toolkit that fits all
uxebu
Sonntag, 26. September 2010

2. The Supported Devices
... and there will be more
to embed JavaScript on
Sonntag, 26. September 2010

3. http://www.flickr.com/photos/tacoekkel/25538919/
The Approach
take your library apart
to reconstruct it as needed
Sonntag, 26. September 2010

4. http://www.flickr.com/photos/hugo90/3916794427/
Packager
package just what you need!
Ship no useless byte
Sonntag, 26. September 2010

5. How To Ship No Useless Byte
1. Shrink Your API
2. Build Only What You Use
3. Reduce Features
4. Device Specific Build
Sonntag, 26. September 2010

6. 1
Shrink Your API
20kB 8kB
Sonntag, 26. September 2010

7. 2
Build
file.js declare.js
file.js mixin.js
file.js extend.js
file.js query OO file.js
file.js inherit.js
array
file.js
delegate.js fx
file.js file.js
file.js
kitchensink.js
file.js file.js
file.js
file.js file.js
file.js string file.js
lang html
file.js file.js
file.js file.js
20kb (unzipped)
http://github.com/uxebu/embedjs/tree/master/build/
Sonntag, 26. September 2010

8. 2
Tiny/Custom Build
file.js declare.js
file.js mixin.js
file.js extend.js
file.js query OO file.js
file.js inherit.js
array
file.js
delegate.js fx
file.js file.js
file.js
kitchensink.js
file.js file.js
file.js
file.js file.js
file.js string file.js
lang html
file.js file.js
file.js file.js
8kb (unzipped)
Sonntag, 26. September 2010

9. 3
Simple queries > simple library function
Only ".class" and "#id" queries
vs.
Sonntag, 26. September 2010

10. 3
Simple queries > simple library function
Only ".class" and "#id" queries
vs.
Full fledged queries > Full blown library function
Sonntag, 26. September 2010

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

12. 4
At Runtime
At Build Time
Sonntag, 26. September 2010

13. 4
dojo-blackberry.js
dojo-blackberry46.js
dojo-nokia-wrt.js
dojo-opera.js
dojo-webkit-mobile.js
dojo-windows-mobile.js
Sonntag, 26. September 2010

14. How To Ship No Useless Byte
1. Shrink Your API
2. Build Only What You Use
3. Reduce Features
4. Device Specific Build
> Smallest, Most Efficient JavaScript
Sonntag, 26. September 2010

15. thx
http://embedjs.org
http://uxebu.com
uxebu
http://twitter.com/embedjs
http://twitter.com/uxebu
Sonntag, 26. September 2010