• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Dojo toolkit
 

Dojo toolkit

on

  • 1,047 views

Quite basic and summarized slides about Dojo Toolkit

Quite basic and summarized slides about Dojo Toolkit

Statistics

Views

Total Views
1,047
Views on SlideShare
1,044
Embed Views
3

Actions

Likes
0
Downloads
10
Comments
0

1 Embed 3

http://www.linkedin.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Dojo toolkit Dojo toolkit Presentation Transcript

    • Dojo Toolkitilegra js lightning talk
    • What is Dojo Toolkit?Is a very powerful JavaScript framework thatpromises to do everything you need. http://dojotoolkit.org/
    • What are the features andresources?Core: ● Extremely Small and Fast Core ● AMD Modules - Async. Module Definition ● Backward Compatibility ● Powerful Base APIs
    • 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
    • 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>
    • Getting Started ● Including the libraryLocal library<script src="../dojo/dojo.js" data-dojo-config="async: true"></script>
    • 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);});
    • Getting Started ● Waiting the DOM require(["dojo/dom", "dojo/domReady!"], function (dom){ var greeting = dom.byId("greeting"); greeting.innerHTML += " from Dojo!"; });
    • 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();});
    • examples