1 / 13

DOJO vs JQUERY

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

mervin
Download Presentation

DOJO vs JQUERY

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. DOJO vs JQUERY Dineshkumar A

  2. 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

  3. 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

  4. 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)

  5. 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

  6. DOJO - Coding

  7. 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.

  8. 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.

  9. JQUERY - Coding

  10. 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

  11. Thank You Dinesh Associative Programmer at Probeseven

More Related