150 likes | 380 Views
DOJO vs JQUERY. Dineshkumar A. DOJO - Overview. A toolkit that enables the creation of modern web applications An open source project Friendly license Developed by a community of experts Used by many companies IBM, AOL, Sun,… Professional support is available too Uxebu, Sitepen
E N D
DOJO vs JQUERY Dineshkumar A
DOJO - Overview • A toolkit that enables the creation of modern web applications • An open source project • Friendly license • Developed by a community of experts • Used by many companies • IBM, AOL, Sun,… • Professional support is available too • Uxebu, Sitepen • Dojo Toolkit is an open source modular JavaScript library (or more specifically JavaScript toolkit) designed to ease the rapid development of cross-platform, JavaScript/Ajax-based applications and web sites. It was started by Alex Russelland his team in 2004 • Dojo is a JavaScript framework targeting the many needs of large-scale client-side web development. • Current DOJO Version 1.9.1 launched on 2013-06-14
DOJO - Overview • Dojo Toolkit is organized in several parts: • Dojo Core • Basic libraries: Ajax , events, DOM querying, animation, dnd, i18n and localization, data abstraction, contains the core and most non-visual modules • Dijit • Fully accessible and localized predefined set of widgets • Widgetcrafting - mechanisms to create your own widgets • a library of user-interface modules for widgets and layout. • Dojox • Numerous experimental modules that extend the core functionality • Grid , wiring, client side templating, charting, more widgets, specific data stores and more and more… • Utilities • Build system • Unit testing • includes build tools such as optimization, documentation, style-checking, and testing
DOJO - Features • Widgets - 2D vector drawings, - Dynamic charts, - Core widgets • Themes • Asynchronous communication- dojo.io also supports other transports (such as hidden IFrames) and a variety of data formats. Within the client side , From the client to its server ,From the client to another server. Ex: dojo.connect(srcObject, srcMethod, targetObject, targetMethod), dojo.publish, dojo.subscribe • Packaging system - Dojo package can be loaded by using utility functions supplied in the bootstrap and also loaded in "dojo" namespace. Ex: Dojo.registerModulePath(“MySoftware”, “../../mySoftware”), dojo.provide(“MySotware.MyClass”), dojo.require(“MySoftware.MyClass”) • Client-side data storage - presented with a simple hash table abstraction, with methods such as put() and get(). • Server-side data storage - CsvStore, OpmlStore, YahooStore, DeliciousStore, RdfStore • Support for Adobe Integrated Runtime (AIR)
Dojo Syntax and Functions • The DOM is the internal representation of the page within the browser • Can be manipulated using JavaScript APIs • These APIs are not consistent in all of the browsers (IE…) • Dojo provides a layer that hides this shame • Handling the DOM tree • Querying using css selector syntax: dojo.query • Locating elements by id – dojo.byId • Lifecycle of a DOM element: dojo.create , dojo.place, dojo.destroy • Attributes handling: • Setting and gettting - dojo.attr • Removing and quering - dojo.removeAttr, dojo.hasAttr • Handling arrays dojo.forEach, dojo.some, dojo.every, dojo.filter, dojo.indexOf • Extending strings • dojo.trim, dojo.replace • General utilities • Type checking • dojo.isString, dojo.isArray, dojo.isFunction, dojo.isObject
JQUERY - Overview • jQuery is a multi-browser JavaScript library designed to simplify the client-side scripting of HTML. It was released in January 2006 at BarCamp NYC by John Resig. • JQuery is very easy to use and to understand. • The core library is only 15Kb in size. • This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. • JQuery is faster compare with any other javascript library.
JQUERY - Features • DOM element selections using the multi-browser open source selector engine Sizzle, a spin-off of the jQuery project. • DOM traversal and modification (including support for CSS 1–3) • DOM manipulation based on CSS selectors that uses node elements name and node elements attributes (id and class) as criteria to build selectors • Events • Effects and animations using samll coding • AJAX • Extensibility through plug-ins • Utilities - such as user agent information, feature detection • Compatibility methods that are natively available in modern browsers but need fall backs for older ones - For example the inArray() and each() functions. • Multi-browser (not to be confused with cross-browser) support.
DOJO JQUERY • web application and dynamic web pages • not defalut, using plug-ins • accept other javascript libarary • light weight with 19K compressed base libraries • Source lang : JavaScript • many documents and tutorials are easily available out there • web oriented software on desktop • Grid, Hierarchical Tree, Rich text editor, Autocompletion available • dojo reject other javascript library • heavily based on MVC principles, heavy toolkit • Source lang : JavaScript + HTML • not well documented and the tutorials are less
Thank You Dinesh Associative Programmer at Probeseven