some essentials difference syntax and concept for jquery developers roohullah afzali - 2011

18
Moving from Jquery to DOJO Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Upload: alfred-pope

Post on 28-Dec-2015

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Moving from Jquery to DOJO

Some essentials difference syntax and concept for jquery developers

Roohullah Afzali - 2011

Page 2: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Some ability loss in jq

directBack button support /history management, Input form widgets & validation, Grid, Hierarchical Tree, Rich text editor, HTML generation tools, GUI resizable panels and modal dialogs, GUI page layout, Mobile/tablet support (touch events), Other data retrieval(CSV and atom), class declaration and extended, OOP technology

Good Speed in both (http://mootools.net/slickspeed/)

lossRequire system, Server push data retrieval, Canvas support, Offline storage, Cross-browser 2d Vector Graphics, Charting & Dashboard, Adobe Air integrations, Debug your code in Firebug, Dojo integrated in Zend Framework, Hierarchical package system speeds loading, localization, internationalization , parser of html widgets

Jq (library) vs Dj (framework)

Page 3: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery best choose for small web site,But in large scale application or website the first choose is DojoDojo can run in out site of browser (for more information google it :D)

Dojo has great solution for UI and Extensions, with good documentations and samples and unit test.Dojo toolkit use from oracle, IBM, java and so on.Using the latest technology in the web like css3 selector, less technology, Xdomain technology, customize dojo core builder and more is another power of dojo.

Dojo can integrate with ExtJs and Jquery and another JS lib or framework.Don’t forget jquery is library and dojo is framework.

Jq vs Dj

Page 4: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Dojo1.6-89.4kb == Jquery1.5.2-83.9kb

Dijit+25 cmp == JqueryUI9 cmp

Dojox != …

Dojo Stracture

Page 5: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

select best framework for UI to apply all projects then want run in Tetra(my company).

separating front end and back end in all projects (web, desktop or RIA).

Design and using some specific theme for all projects. Using a unique UI host and domain for all projects (via XDomain). Define simple and fast way for designing and developing new

project without any limitations in choosing back end technology. Managing and documenting all UI Data.

Our targets

Page 6: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

How Started Coding

Page 7: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery

Dojo

Dom Ready

Page 8: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery

Dojo

Dom Basic (simple selector)

Page 9: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery

Dojo

Dom Filter (css select)

Page 10: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery

Dojo

Dom Manipulation

Page 11: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery

Dojo

Effects

Page 12: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery

Dojo

Transitions

Page 13: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery

Dojo

Events

Page 14: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery

Dojo

Custome Functions

Page 15: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery

Dojo

Ajax

Page 16: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Jquery

Classes or Plugin(in jq)

Page 17: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Dojo

Classes or Plugin(in dj)

Page 18: Some essentials difference syntax and concept for jquery developers Roohullah Afzali - 2011

Read Getting StartED with Dojo Visit dojotoolkit.org/reference-guide/ See demos.dojotoolkit.org Check dojocampus.org/explorer And google.com

More and more