Dojo - from web page to web apps

Dojo – from web page to web application Yoav Rubin, IBM Research – Haifa, yoav@il.ibm.com

What is a web application ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Dojo.data ,[object Object],[object Object],[object Object],[object Object]

Dojo.data translated to en-db SQL Select request JDBC or ODBC Dojo.data.api WHERE cause Query Primary key Identity Foreign key Reference -- Value Column Attribute Row Item Database Data source Cursor Datastore Database Term Dojo.data

Dojo.data – available stores ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

But there are other kinds of possible data sources / applications

Getting the data from other web applications ,[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]

Getting data of your client side ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Presenting the data in a grid – dojox.grid.DataGrid ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Presenting the data in a tree – dijit.Tree ,[object Object],[object Object],[object Object],[object Object]

What do we know about our users – nothing What can we assume about our users – even less then that

Users diversity ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What does dojo supports ,[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]

The skill set of client side development is very different from the skill set of server side development ,[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],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Each of these skills carries a baggage: tools, methodologies, protocols, testing etc.

Templating ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Dojox.dtl – client side template engine ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Dojox.dtl – What can you write there ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

<ul> {% for item in itemsData %} <li class="collection-row- {{ forloop.counter|divisibleby:"2" }} " dojoAttachEvent="onmouseover:onMouseOver,onmouseout:onMouseOut" itemIndex=" {{ forloop.counter }} "> <span> <a href="javascript:void(0)"> {{ item.name }} </a> </span> <span><img src="/images/ {{ item.state }} -icon.gif"></span> </li> {% endfor %} </ul>

Dojox.dtl – when to use ,[object Object],[object Object],[object Object]

Web application communication scheme (for Ajax application) Client (Browser) Server Cacheable, heavy weighted, Once Non-cacheable, light weighted, Many times Bring me the application Application (.html, .js, .css, icons) Bring me some data Data (xml / json) Take some data Ack

How to handle the heavy weight stuff ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Dojo build system ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

How to handle the light weighted stuff ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Dojo to the rescue – dojox.json.schema ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

References ,[object Object],[object Object],[object Object],[object Object]

Dojo - from web page to web apps

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Dojo - from web page to web apps

Similar to Dojo - from web page to web apps (20)

More from yoavrubin

More from yoavrubin (6)

Recently uploaded

Recently uploaded (20)

Dojo - from web page to web apps