How dojo works

 Dojo is a powerful, open source JavaScript
toolkit (library).
 Dojo provide uniform access to Browser APIs
and encapsulates JavaScript implementations.
 Dojo provides pluggable widgets UI(Dijit).

 Dojo makes creating Web applications ( web
2.0) simpler and quick.
 Helps in handling of the Cross Browser
Development.

 Download from
http://download.dojotoolkit.org
 SVN and git checkout also available.

 Size 26KB (gzipped)
 Bootstrap
 Host and Browser detection (browser,
SpiderMonkey, Rhino, Appcelerator Titanium,
AIR)
 Package system
 JavaScript enhancements
 Query, DOM, Ajax, Events, FX

 Dojo comes with Firebug lite, if FireBug is not
installed .


dojo.require("dojo.fx")
Downloads /path/to/dojotoolkit/dojo/fx.js
dojo.registerModulePath("cb1", "/js/cb1")
dojo.require("cb1.module")
Downloads /js/cb1/module.js
dojo.require("blah.module")
404 Error: /path/to/dojotoolkit/some/module.js
dojo.provide("cb1.module")

 dojo.isMoz
 dojo.isFF
 dojo.isIE
 dojo.isAIR
 dojo.isOpera
 dojo.isKhtml
 dojo.isWebKit
 dojo.isSafari
 dojo.isChrome
 dojo.isQuirks

dojo.declare()
<script type="text/javascript">
dojo.declare("MyObj", null, {
say: function(msg){ console.log(msg); }
});
var obj = new MyObj;
obj.say("Hi!");
</script>
dojo.extend()
dojo.extend(MyObj, {
sayUpperCase: function(msg){ this.say(msg.toUpperCase()); }
});
var obj = new MyObj;
obj.sayUpperCase("Hi!");
</script>

dojo.mixin()
var obj = { firstName: "chris", lastName:
"barber" };
var emp = dojo.mixin({ title: "hacker" }, obj);
</script>

var nodes = dojo.query("li"); // can use CSS3
selectors
dojo.query("a").forEach(function(n){
n.innerHTML += "!!";
});
dojo.query("div").style({ padding:"1px",
margin:"0px" });
</script>

 dojo.byId()
 dojo.body()
 dojo.create()
 dojo.destroy()
 dojo.attr()
 dojo.style()
 dojo.place()

 dojo.addOnLoad()
 dojo.addOnUnload()
 dojo.connect()/ dojo.disconnect()
 dojo.subscribe
 dojo.publish
 dojo.unsubscribe()

 dojo.xhr()
 dojo.xhrGet()
 dojo.xhrPost()
 dojo.deferred

 dojo.fadeIn(), dojo.fadeOut()
 dojo.animateProperty()

 Unified Data API • Utilities
◦ dojo.data • dojo.string
 Drag n Drop • dojo.date
◦ dojo.dnd • dojo.regexp
 Advanced FX • I/O Transports
◦ dojo.fx • dojo.io.iframe
 Internationalizati • dojo.io.script
on • dojo.rpc
◦ dojo.i18n • Browser History
 Google Gears • dojo.back
◦ dojo.gears • OpenAjax

 Dojo's widget system
 Huge library of existing widgets
◦ Form elements
Buttons, drop downs, input fields, etc
◦ Layout widgets
Content pane, accordions, tab container, stack container,
etc
◦ Rich experience widgets
 Tree, progress bar, dialog, tooltip, menu, rich
text editor, etc
 Accessibility (a11y)
 Templated - externalized HTML templates
 Themes (tundra, soria, nihilo, noir)

 constructor()
 postMixInProperties()
 buildRendering()
 postCreate()
 startup()

 BorderContainer
 ContentPane
 LinkPane
 TabContainer
 AccordionContainer
 SplitContainer
 StackContainer

 Place for extra stuff
 Stuff that isn't ready for prime time
◦ (i.e. dojox.grid)

 dojox.analytics • dojox.form
◦ Client monitoring – Additional form
widgets
 dojox.charting • dojox.fx
 dojox.cometd – Cool FX
 dojox.data • dojox.gfx
◦ Tons of data stores – Cross-browser vector
 dojox.dtl • graphics (SVG/VML)
◦ Django template library • dojox.gfx3d
 dojox.embed • dojox.grid
– Grid widget
◦ Embed Flash, QuickTime

 dojox.highlight • dojox.rpc
◦ Syntax highlighting • dojox.secure
 dojox.image • Sandboxing
◦ Lightboxes,
slideshow,gallery, • dojox.storage
magnifier • Persistent client-
 dojox.io side storage
◦ Additional transports • dojox.widgets
 dojox.layout • Additional dijit
◦ Dijit layout widgets widgets
 dojox.off • dojox.xmpp
◦ Offline support
• XMPP client

 Build system
 DOH - Dojo Objective Harness
◦ Testing framework

 Reduce number of files sent over the wire
 Reduce JavaScript file sizes
 Profiles
 Layers
 Build script
 Executes Java, Rhino
 Compiles modules into layer .js files
 Strips whitespace, comments, console.*(), etc
 Minification (i.e. "var something = 123;" becomes
"var _0=123;"
 Inlines widget HTML templates & @import CSS

Build script in /util/buildscripts
build.sh (GNU/Linux, MacOSX, Solaris, Unix)
build.bat (Windows)
Pre-defined profiles in /util/buildscripts/profiles
base
cometd
demos-all
dtkapi
fx
layers
offline
rhino
sql
standard
standardCustomBase
storage

 API Docs
◦ http://api.dojotoolkit.org
 Online Docs
◦ http://docs.dojocampus.org
 Blogs
◦ http://dojotoolkit.org/rss.xml
◦ http://dojocampus.org/content/feed

How dojo works

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a How dojo works

Similar a How dojo works (20)

Último

Último (20)

How dojo works