The trails step through the YUI documentation in a progressive, tutorial-style order. There are seven trails in this series: Backbone, Infrastructure, Workhorse, FX, Workflow, IO, and CSS.

As you review the YUI "Getting Started" documentation, it's an excellent idea to cut-and-paste the example code into your own IDE or editor and try to get the examples to work in your own environment. If you don't try the example code on your first reading, do try running the example code the first time you use any of the modules!

First Trail: Backbone

The YUI library builds on three "backbone" packages that hold the library together.

• yahoo
• dom
• event

Second Trail: Infrastructure

To help us track and trace what's happening behind the scenes, the library provides five "infrastructure" packages.

• logger
• yuitest
• YUILoader Utility
• imageloader
• history

Third Trail: Workhorse

To help us acquire data from an external source, the library provides two "workhorse" packages.

• connection
• datasource

Fourth Trail: FX

To help us manipulate visual objects, the library provides three "Special Effects" packages.

• element
• dragdrop
• animation

Fifth Trail: Workflow

To help us guide users through complex tasks, the library provides five "workflow" packages.

• container
• menu
• button
• tabview
• treeview

Sixth Trail: IO

To help us display output and acquire input, the library provides six "IO" packages.

• autocomplete
• slider
• colorpicker
• calendar
• editor
• datatable

Seventh Trail: CSS

To help us customize the look and feel of our widgets, the library provides four CSS packages.

• reset, base, fonts, and grids

Including "laboratory" time to try some of the examples, each trail can take a full day. (And probably should!)

Skimming the source code for each module is strongly recommended. YUI is a superb, professional product, and there is much to be learned by studying its example.

• Resources