Learning Dojo

A practical, comprehensive tutorial to building beautiful, scalable interactive interfaces for your Web 2.0 applications with Dijits

Learning Dojo

Learning
Peter Svensson

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

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 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
Summary
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
JSON
Summary
Chapter 3: Basic Dijit Knowledge
The two ways to create Dijits
What's in the fridge? A smorgasbord of tasty Dijits
Dijit structure
Themes
I18N
Summary
Chapter 4: Ajax Communication
Dojo Ajax features
The "Hello World" of Ajax
Script request/JSONP (dojo.io.script)
Remote procedure calls
Summary
Chapter 5: Forms
The Form Dijit
Generic properties for all Form Dijits
CheckBoxes, radio buttons, and toggle buttons
Spinners, sliders, and FilteringSelects
TimeTextBox
Buttons
Ajax integration
Summary
Chapter 6: Layout
Basic Dojo layout facts
ContentPane
Container functions
DragPane
ExpandoPane
FloatingPane
GridContainer
RadioGroup
ResizeHandle
RotatorContainer
ScrollPane
Compound example using layout
One step forward — creating a widget
Summary
Chapter 7: Data, Trees, and Grids
dojo.data and dojox.data
Quick example
Models
Data sources, stores, and consumers
A simple tree example
Forests and trees
Reading and writing with JsonRestStore
Overview of the Grid Dijit
Summary
Chapter 8: Real-World Dojo
Using AOL's and Google's CDN
Using unit testing with Dojo Objective Harness (DOH)
Summary

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

Authors

Table of Contents

Chapter 1: Introduction to Dojo
Dojo usage
A sneak peek at Dojo
Summary
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
JSON
Summary
Chapter 3: Basic Dijit Knowledge
The two ways to create Dijits
What's in the fridge? A smorgasbord of tasty Dijits
Dijit structure
Themes
I18N
Summary
Chapter 4: Ajax Communication
Dojo Ajax features
The "Hello World" of Ajax
Script request/JSONP (dojo.io.script)
Remote procedure calls
Summary
Chapter 5: Forms
The Form Dijit
Generic properties for all Form Dijits
CheckBoxes, radio buttons, and toggle buttons
Spinners, sliders, and FilteringSelects
TimeTextBox
Buttons
Ajax integration
Summary
Chapter 6: Layout
Basic Dojo layout facts
ContentPane
Container functions
DragPane
ExpandoPane
FloatingPane
GridContainer
RadioGroup
ResizeHandle
RotatorContainer
ScrollPane
Compound example using layout
One step forward — creating a widget
Summary
Chapter 7: Data, Trees, and Grids
dojo.data and dojox.data
Quick example
Models
Data sources, stores, and consumers
A simple tree example
Forests and trees
Reading and writing with JsonRestStore
Overview of the Grid Dijit
Summary
Chapter 8: Real-World Dojo
Using AOL's and Google's CDN
Using unit testing with Dojo Objective Harness (DOH)
Summary

Book Details

ISBN 139781847192684
Paperback264 pages
Read More