Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Dojo toolkit

1,232 views

Published on

Quite basic and summarized slides about Dojo Toolkit

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Dojo toolkit

  1. 1. Dojo Toolkitilegra js lightning talk
  2. 2. What is Dojo Toolkit?Is a very powerful JavaScript framework thatpromises to do everything you need. http://dojotoolkit.org/
  3. 3. What are the features andresources?Core: ● Extremely Small and Fast Core ● AMD Modules - Async. Module Definition ● Backward Compatibility ● Powerful Base APIs
  4. 4. What are the features andresources? ● Dijit - Dojos world class widget library ● dgrid and Dojox - to data grids ● Mobile - Rich Interface Elements ● Dojo GFX - Graphics, Charting and Visualization
  5. 5. Getting Started ● Including the libraryWith Google CDN<script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojo/dojo.js" data-dojo-config="async: true"></script>
  6. 6. Getting Started ● Including the libraryLocal library<script src="../dojo/dojo.js" data-dojo-config="async: true"></script>
  7. 7. Getting Started ● Including AMDs// Require the module we just createdrequire(["demo/myModule"], function(myModule){ // Use our module to change the text in the greeting myModule.setText("greeting", "Hello Dojo!"); // After a few seconds, restore the text to its original state setTimeout(function(){ myModule.restoreText("greeting"); }, 3000);});
  8. 8. Getting Started ● Waiting the DOM require(["dojo/dom", "dojo/domReady!"], function (dom){ var greeting = dom.byId("greeting"); greeting.innerHTML += " from Dojo!"; });
  9. 9. Getting Started ● Adding Visual Effectsrequire(["dojo/dom", "dojo/fx", "dojo/domReady!"], function(dom,fx){ var greeting = dom.byId("greeting"); greeting.innerHTML += " from Dojo!"; fx.slideTo({ top: 100, left: 200, node: greeting }).play();});
  10. 10. examples

×