Introduction To Dojo

Introduction to Dojo Yoav Rubin, IBM Research – Haifa, yoav@il.ibm.com

What is Dojo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What is Dojo built of ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object]

DOM buffering ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS engine buffering ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Enhancements to core JavaScript ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Name spaces ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Name spaces – using a name space ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Communication ,[object Object],[object Object],[object Object],[object Object]

Client side communication: point to point ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Client side communication: publish/subscribe ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Client - server communication ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Objects – OO and manipulation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

A few more goodies ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What is dijit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What is a widget ,[object Object],[object Object],[object Object]

Using widgets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

General widgets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],There are many more general widgets in dojoX

Layout widgets ,[object Object],[object Object],[object Object],[object Object],[object Object],There are many more layout widgets in dojoX

Form widgets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],There are many more form widgets in dojoX

What makes a widget ,[object Object],[object Object],[object Object],[object Object],[object Object],This allows later on to perform runtime optimizations, by placing the template in a separate file during development time, and inline it as part of the build process

What makes a widget – cont. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

<div> <table> <tbody> <tr> <td dojoAttachPoint=“v1”>….</td> <td dojoAttachEvent=“onclick:a”></td> </tr> <tbody> </table> </div> dojo.provide(“wid.My”); dojo.require(“dijit._Widget”); dojo.require(“dijit._Templated”); dojo.declare(“wid.My”, dijit._Widget,dijit._Templated, { templatePath:dojo.moduleUrl(“wid”,”my.html”); a: function(b){ … this.v1… doSomething… } }); ,[object Object],[object Object],[object Object]

Widget’s lifecycle ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Themes ,[object Object],[object Object],[object Object]

What is dojoX ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What is included in dojox ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

How to use dojo ,[object Object],[object Object],[object Object],[object Object],[object Object]

More info ,[object Object],[object Object],[object Object]

Introduction To Dojo

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Introduction To Dojo

Similaire à Introduction To Dojo (20)

Plus de yoavrubin

Plus de yoavrubin (6)

Introduction To Dojo