Dojo Mobile

18
© SitePen, Inc. All Rights Reserved Dojo Mobile Dylan Schiemann (@dylans) SitePen, Inc. JavaScript MiniConf, September, 2010 Sunday, October 17, 2010

description

How Dojo is being retrofitted to work better with mobile.

Transcript of Dojo Mobile

Page 1: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Dojo Mobile

Dylan Schiemann (@dylans)SitePen, Inc.JavaScript MiniConf, September, 2010

Sunday, October 17, 2010

Page 3: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010

Page 4: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Dojo Toolkit: Project Goals

Fill the Browser Gaps

Fast & EfficientModular, Small Base, Extensible

Professional & Sophisticated

Powerful

Developer productivity and tools

Push the limits (vector graphics, offline, html5, etc.)

Open, free, & liberally licensed

Sunday, October 17, 2010

Page 5: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Toolkit Features

Packages, Builds, Timing

DOM Manipulation/Querying/Behavior

Events (DOM, function to function, pubsub)

Ajax (XHR, iframe, x-domain, form submits, polling, long-polling, and more) and Effects

DnD & a11y/i18n

Dijit (widget system, Layout, Form, WYSIWYG editor, Tree, Grid, many more)

Vector Graphics (gfx, charting, drawing, SVG/Canvas/VML/Flash/Silverlight/SVGWeb)

Data/JSON/REST/RPC

Offline, Local Storage (Gears, HTML5, Flash, Cookies, etc.)

Comet, XMPP, WebSocket

Developer Utilities (build, test, documentation)

Mobile

Sunday, October 17, 2010

Page 6: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Innovation

Standards

Dirty Hacks

Inspired by Andy Hume

Sunday, October 17, 2010

Page 7: Dojo Mobile

© SitePen, Inc. All Rights Reserved

CSS

<font>

<div>

Sunday, October 17, 2010

Page 8: Dojo Mobile

© SitePen, Inc. All Rights Reserved

dojo.query

getElementsByTagName

querySelectorAll

Sunday, October 17, 2010

Page 9: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Dojo 0.4

Dojo 0.1

netWindows

Sunday, October 17, 2010

Page 10: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Dojo 1.4

Dojo 1.0

Dojo 0.4

Sunday, October 17, 2010

Page 11: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Dojo 2.0

Dojo 1.5 & 1.6HTML5

Dojo 1.4

Sunday, October 17, 2010

Page 12: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Teaching an Old Dog New Tricks

API Stability

Remove cruft

Add features

Experiment off the main line

Sunday, October 17, 2010

Page 13: Dojo Mobile

© SitePen, Inc. All Rights Reserved

3 Dojo Foundation Mobile Projects

Sunday, October 17, 2010

Page 14: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Most Experimental & Lean

http://winktoolkit.org/

WINK ToolkitCompletely separate code base

Innovative UI elements (3D useful for tight screen space

Started by Orange Labs

iPhone and Android apps, consistent look and feel, other platforms coming

Sunday, October 17, 2010

Page 15: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Most Complete

http://github.com/uxebu/embedjs/

EmbedJSDojo APIs, stripped down for mobile and embedded

Started by Uxebu

Target each platform with its native look & feel

TouchScroll, geolocation, etc.

Sunday, October 17, 2010

Page 16: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Most Stable for Dojo users

DojoX MobileStarted in Dojo 1.5

Fix things in Dojo that break for mobile, API stable

Merge features from EmbedJS, WINK Toolkit

Feature Detection

Support for many HTML5 features and beyond

Sunday, October 17, 2010

Page 17: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010

Page 18: Dojo Mobile

© SitePen, Inc. All Rights Reserved

Uxebu

Orange Labs

IBM

Research in Motion

SitePen

Google Summer of Code

Many individuals

Contributors

Sunday, October 17, 2010