Dojo Mobile
Dojo provides a package specifically designed for building mobile apps. This package is called
"dojox/mobile". This package provides widgets and architecture for building applications that
are hosted in browser frameworks but will look and behave as though they were implemented
natively in mobile platform.
Like other Dojo technologies, the widgets can be declared programatically in JavaScript or
declaratively in HTML.
It appears that the Dojo Mobile package, although sharing the same architecture as the rest of Dojo
is actually a separate implementation and seems to rely very little (if at all) on the other aspects of
Dojo. The design notes suggest that the Dojo Mobile has a very small and efficient footprint
trading off function for speed and efficiency in the mobile space.
See also:
• Showcase – Android
• Showcase – iPhone
• Getting Started with dojox/mobile – 2013
• DeveloperWorks - Maqetta means mockup, Part 1: Design an HTML5 mobile UI - 2013-01-04
• DeveloperWorks - What's new in Dojo Mobile 1.8, Part 1: New widgets – 2012-11-19
• DeveloperWorks - What's new in Dojo Mobile 1.8, Part 2: New enhancements – 2012-11-19
• DeveloperWorks - What's new in Dojo Mobile 1.8, Part 3: Data-handler enhancements – 2012-11-19
• developerWorks – Pull down to refresh with Dojo Mobile - 2013-11-13
• DeveloperWorks - Develop lightweight mobile web applications with Dojo Mobile – 2011-12-13
• developerWorks – Get started with Dojo Mobile 1.7 – 2013-08-23
• developerWorks – Get started with Dojo Mobile 1.6 – 2013-06-17
Simple DojoX Mobile app
Here is a pretty minimal DojoX Mobile app:
<!DOCTYPE HTML>
<html style="height: 100%;">
<head>
<title>Manager Review</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojox/mobile/deviceTheme.js"></script>
<script type="text/javascript" data-dojo-config="isDebug: false, async: true, parseOnLoad: true"
src="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojo/dojo.js"></script>
<script type="text/javascript">
require(
// Set of module identifiers
[ "dojo", "dojo/parser", "dojox/mobile/ScrollableView" ],
// Callback function, invoked on dependencies evaluation results
function(dojo) {
dojo.ready(function() {
});
});
</script>
</head>
<body>
<div data-dojo-type="dojox/mobile/ScrollableView">
<div data-dojo-type="dojox/mobile/Heading">Manager Review</div>
</div>
</body>
</html>
Page 227
Kommentare zu diesen Handbüchern