Free Sample
+ Collection

Learning Dojo

Peter Svensson

A practical, comprehensive tutorial to building beautiful, scalable interactive interfaces for your Web 2.0 applications with Dijits
RRP $20.99
RRP $34.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781847192684
Paperback264 pages

About This Book

  • Learn real-world Dojo programming with detailed examples and analysis of source code
  • Comprehensive guide to available Dojo widgets (dijits) and how to use them
  • Extend Dojo by creating your own dijits
  • Highly practical, with hands on examples and short, clear explanations right from the start.

Who This Book Is For

This book is for web developers with JavaScript knowledge, who want to use Dojo for developing dynamic Web 2.0 applications.

Readers need basic web-page creation skills, HTML and CSS, and should be comfortable with the syntax of JavaScript.

Table of Contents

Chapter 1: Introduction to Dojo
Dojo usage
A sneak peek at Dojo
Chapter 2: Useful JavaScript and Dojo Tricks
Array usage tips and gotchas
Functions as arguments
JavaScript's prototype-based OO
Using closures
OO in Dojo
Anatomy of a Dojo page
Basic Dojo functions
Intermediate Dojo functions
Logging, Firebug integration, and debugging
Event handling in Dojo
Chapter 3: Basic Dijit Knowledge
The two ways to create Dijits
What's in the fridge? A smorgasbord of tasty Dijits
Dijit structure
Chapter 4: Ajax Communication
Dojo Ajax features
The "Hello World" of Ajax
Script request/JSONP (
Remote procedure calls
Chapter 5: Forms
The Form Dijit
Generic properties for all Form Dijits
CheckBoxes, radio buttons, and toggle buttons
Spinners, sliders, and FilteringSelects
Ajax integration
Chapter 6: Layout
Basic Dojo layout facts
Container functions
Compound example using layout
One step forward — creating a widget
Chapter 7: Data, Trees, and Grids and
Quick example
Data sources, stores, and consumers
A simple tree example
Forests and trees
Reading and writing with JsonRestStore
Overview of the Grid Dijit
Chapter 8: Real-World Dojo
Using AOL's and Google's CDN
Using unit testing with Dojo Objective Harness (DOH)

What You Will Learn

  • Learn tips and tricks in JavaScript that will help you get better at coding in Dojo
  • Explore Dijits (Dojo Widgets) with examples so that you can write your own Dijits
  • Serialize, automatically validate, and convert entered content with forms and layouts
  • Organize different kinds of data in the same Dijit using for a better look and feel to your website
  • Animate your content using dojo.fx to give your pages a dynamic look and feel
  • Use closures and Dojo's Class-based OO system underlying all widgets and features
  • Use powerful formatting for Dates and Currencies between locales
  • Understand Dojo's event system, for classical browser events, function 'advice', and Dojo's publish/subscribe message bus
  • Learn to create dynamic Tree widgets using data sources, custom styling, and even drag and drop
  • Create custom widgets and reusable components that use all of Dojo's advanced layout managers and widgets
  • Learn to write custom PHP services to feed data to Dojo's client-side data- driven components

Chapter 1-Introduction to Dojo: This chapter gives an overview of the Dojo AJAX framework along with tips and tricks for using JavaScript and useful, generic Dojo functions.

Chapter 2-”Useful JavaScript and Dojo Tricks explains Dojo's approach to object-oriented JavaScript programming.

Chapter 3-”Basic Dijit knowledge: Dijits is Dojo's name for Widgets. A typical widget is a color-picker or a movable pane. This chapter introduces Dijits in general and gives a lot of examples on how to use them, how they interact, and even an introduction to writing your own.

Chapter 4-”AJAX Communication: This Chapter covers AJAX communication in several aspects, with examples, which also show the view from the server (in PHP code).

Chapter 5-”Forms: This Chapter covers form-related Dijits—serializing forms and powerful validation and internationalization, best practices when setting up Dojo forms, and a run-down of available components.

Chapter 6-”Layouts: The Layout Dijit organizes content, be it other Dijits or plain HTML. We will see a number of examples from simplifying layout in general with 'CSS-less' layout managers, to dynamic loading of content in content panes, and how to create a wizard widget with a Stackcontainer and a small amount of scripting.

Chapter 7-”Data, Trees, and Grids: The datastores are perhaps the most complex area of Dojo, but also give the programmer an unprecedented level of modularity. In this chapter we go over a couple of simple examples, then describe the interface, how to extend it, and how to use several different types of data in the same Dijit component.

Chapter 8-”Effects and Animation: dojo.fx gives you a quick way to hide, show, or move something on the page. We have examples on animations and more advanced areas such as animating almost any DOM property over time and how to combine several animations in a chain. We also give examples on how to use the charting and drawing APIs before finishing of with a good dose of Drag and Drop: drag and drop nodetypes, and how to use draggable 'avatars' that change from drag to drop.

Chapter 9-”Real-world Dojo: This chapter is almost entirely examples, focused on giving the reader full-blown guides to creating several types of applications with Dojo, and is also a store for cut-and-paste problem solving when time is of the essence.

In Detail

Dojo is a popular AJAX-specific open-source JavaScript framework for building powerful web applications. It provides a well conceived API and set of tools to assist you and fix the issues experienced in everyday web development. Your project size is no concern while using Dojo. It is the best scalable solution to all your size-related issues.

This book starts by giving you tips and tricks for programming with JavaScript. These tricks will help you with Dojo. With every chapter, you will learn advanced JavaScript techniques. You will learn to leverage Dojo for a clean web application architecture using JSON or XML.


Read More

Recommended for You

Creating Games with cocos2d for iPhone 2
$ 26.99
Cocos2d for iPhone 1 Game Development Cookbook
$ 29.99
Cocos2d for iPhone 0.99 Beginner's Guide
$ 23.99
Learning Cocos2d-x Game Development
$ 26.99
Cocos2d-x Game Development Essentials
$ 13.99