YUI Training: Using the Yahoo User Interface Library

Recent Training Venues

Accelebrate has recently trained for clients in the following cities:

Huntsville, Alabama

Montgomery / Birmingham, Alabama

Anchorage, Alaska

Calgary, Alberta

Phoenix, Arizona

Tucson, Arizona

Fayetteville / Little Rock, Arkansas

Amsterdam, The Netherlands / Brussels, Belgium

Oakland / San Jose / San Francisco, California

Sacramento, California

Oceanside / San Diego, California

Pasadena / Orange County / Los Angeles, California

San Bernardino / Riverside, California

Boulder / Colorado Springs / Denver, Colorado

Washington, DC

Wilmington, Delaware

Manchester / London, England

DeLand / Orlando, Florida

Fort Lauderdale / Miami, Florida

Gainesville / Jacksonville, Florida

Saint Petersburg / Tampa, Florida

Titusville & Melbourne, Florida

Alpharetta & Atlanta, Georgia

Augusta & Savannah, Georgia

Macon & Columbus, Georgia

Boise, Idaho

Bloomington, Illinois

Chicago, Illinois

Indianapolis, Indiana

Cedar Rapids / Des Moines, Iowa

Dublin, Ireland

Wichita, Kansas

Paducah / Lexington / Louisville, Kentucky

Baton Rouge/New Orleans, Louisiana

Portland, Maine

Hagerstown & Frederick, Maryland

Greenbelt / Silver Spring / Baltimore, Maryland

Boston / Cambridge, Massachusetts

Hartford, Connecticut / Springfield, Massachusetts

Ann Arbor / Farmington Hills / Detroit, Michigan

Grand Rapids, Michigan

Flint, Michigan

Saint Paul / Minneapolis, Minnesota

Jackson, Mississippi

St. Louis, Missouri

Whiteman Air Force Base / Kansas City, Missouri

Lincoln / Omaha, Nebraska

Reno and Las Vegas, Nevada

Santa Fe / Albuquerque, New Mexico

Princeton, New Jersey & Philadelphia, Pennsylvania

Trenton, New Jersey

Albany, New York

Buffalo, New York

White Plains / New York City, New York

Charlotte, North Carolina

Durham / Raleigh, North Carolina

Bowling Green / Toledo, Ohio

Canton / Akron, Ohio

Cincinnati, Ohio

Cleveland & Columbus, Ohio

Dayton, Ohio

Tulsa / Oklahoma City, Oklahoma

Toronto, Ontario

Portland, Oregon

Pittsburgh, Pennsylvania

Providence, Rhode Island

Edinburgh / Glasgow, Scotland

Columbia & Charleston, South Carolina

Spartanburg & Greenville, South Carolina

Stockholm, Sweden

Chattanooga / Knoxville, Tennessee

Memphis / Jackson / Nashville, Tennessee

College Station and Houston, Texas

El Paso, Texas / Ciudad Juarez, Mexico

San Antonio / Austin, Texas

Wichita Falls & Dallas, Texas

Ogden / Salt Lake City, Utah

Burlington, Vermont

Fairfax / Dulles / McLean / Herndon / Reston, Virginia

Richmond / Alexandria / Arlington, Virginia

Virginia Beach / Norfolk, Virginia

Tacoma / Seattle, Washington

Madison / Milwaukee, Wisconsin

Course Number: 822
Duration: 2 days
view class outline

YUI Training Overview

Accelebrate's Using the Yahoo User Interface Library training course teaches attendees to use the freely-available YUI library to simplify many client-side JavaScript and user interface development challenges. Attendees will learn how to perform Document Object Model (DOM) manipulations that dynamically change the content and appearance of their Web pages, how to make Ajax requests to retrieve and incorporate new content from a server and how to create user interface elements such as tabbed layout, dialogs and trees.

Location and Pricing

Most Accelebrate courses are taught on-site at our clients' locations worldwide for groups of 3 or more attendees and are customized to their specific needs. Please visit our client list to see organizations for whom we have recently delivered training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. To see a schedule of online courses, please visit http://www.accelebrate.com/online_training/xml_html_js.htm.

YUI Training Prerequisites

Accelebrate's Mastering JavaScript course or equivalent experience. If attendees will not have thorough knowledge of JavaScript, please let us know and we will precede this course with a one-day JavaScript primer.

Hands-on/Lecture Ratio

This YUI training class is 70% hands-on, 30% lecture, with the longest lecture segments lasting for 20 minutes. Students "learn by doing," with immediate opportunities to apply the material they learn to real-world problems.

YUI Training Materials

All students receive a copy of Packt Publishing's Learning the Yahoo! User Interface Library as well as electronic copies of the class files.

Software Needed on Each Student PC

Internet Explorer 6 or higher
Firefox 2 or higher with the Firebug plugin installed
The Web page or text editor students will be using after the class

YUI Training Objectives

Incorporate the core YUI library and supporting library files into Web pages.
Perform DOM manipulations and set up event handling using the YUI DOM class.
Initiate Ajax requests with the YUI Connection Manager and handle responses in various formats.
Set up compelling user interfaces that include tab panels, dialogs, trees and autocompletes.

YUI Training Outline

Introducing YUI

How to Download YUI
How to Always Include the Most Recent Version of YUI

YUI Basics

The YAHOO Global Object
Don't Jump the Gun: YAHOO.Event Handler

DOM Manipulations with YUI

Review of DOM Ideas: Seeing Your Page as a Tree
How YUI Resolves "The Whitespace Problem" between Internet Explorer and Firefox
Review of Cascading Style Sheet (CSS) Selectors
Using Element, Class and ID Selectors with YUI
Modifying the Content and Styles of Selected Elements
Adding and Removing Elements Using YUI

Ajax Requests with YUI

The Gory Details: A Complete Ajax Request with No Library Support
GET and POST Requests with YUI
Incorporating Form and Cookie Data into Your Ajax Requests
Handling Responses in Plain Text, HTML and XML Formats

Creating User Interfaces with YUI

The Basic Calendar and CalendarGroup Classes
Buttons
Tree Structures
Navigation Menus
AutoCompletes
Dialogs
Tabs
Animations and Accordions

Conclusion