Contact Us

« Important Announcement » Contact Us 877-206-0106 | USA Flag

Thank you for your interest in LearnQuest.

Your request is being processed and LearnQuest or a LearnQuest-Authorized Training Provider will be in touch with you shortly.


Thank you for your interest in Private Training.

We look forward to helping you develop the perfect training solution to help you meet your company's goals.

For immediate assistance, speak with one of our representatives using the chat module below. Otherwise, LearnQuest or a LearnQuest-Authorized Training Provider will be in touch with you shortly.


Thank you for your interest in LearnQuest!

Now, you will be able to stay up-to-date on our latest course offerings, promotions, and training discounts. Watch your inbox for upcoming special offers.


Date: xxx

Location: xxx

Time: xxx

Price: xxx

Please take a moment to fill out this form. We will get back to you as soon as possible.

All fields marked with an asterisk (*) are mandatory.

Web Development with Yahoo User Interface (YUI 3) and AJAX

2,100 USD
3 Days
Classroom Training, Online Training
Sun Training and Certification - 0

AWS Training Pass

Take advantage of flexible training options with the AWS Training Pass and get Authorized AWS Training for a full year.

Learn More

Prices reflect a 22.5% discount for IBM employees (wherever applicable).
Prices reflect a 24% discount for Kyndryl employees (wherever applicable).
Prices reflect the Accenture employee discount.
Prices shown are the special AWS Partner Prices.
Prices reflect the Capgemini employee discount.
Prices reflect the UPS employee discount.
Prices reflect the ??democompanyname?? employee discount.
GSA Private/Onsite Price: ??gsa-private-price??
For GSA pricing, please go to GSA Advantage.

Class Schedule

Delivery Formats

Sort results

Filter Classes

Guaranteed to Run





    Sorry, there are no public classes currently scheduled in your country.

    Please complete this form, and a Training Advisor will be in touch with you shortly to address your training needs.

View Global Schedule

Course Description


This course discusses web development techniques using the Yahoo User Interface (YUI 3). It covers the necessary frameworks and tools that allow web developers to simplify client side scripting tasks in dealing with complex coding challenges.

This course covers the essential YUI controls and event handling mechanisms as well as AJAX based web development and JSON techniques. The hands-on labs and coding examples provide a foundation for using the YUI library in web page development.


Upon completion of the course, students will be able to:
  • Describe the YUI library structure and foundation controls
  • Understand the Document Object Model (DOM)
  • Utilize YUI controls in web page development
  • Use complex YUI components such as Containers and Menus
  • Write event handlers to deal with YUI events
  • Understand the AJAX structure and uses
  • Utilize the YUI controls related to AJAX
  • Understand the JSON structure and uses
  • Utilize the JSON and Data Handling YUI controls


  • Architects
  • Designers
  • Developers
  • Web 2.0 Developers


    • Basic knowledge of web development
    • Basic knowledge of HTML and JavaScript


  • JavaScript Review
    • What is JavaScript?
    • JavaScript and Web Development
    • How JavaScript works
    • JavaScript data types
    • JavaScript literals
    • Variables
    • Dialog boxes
    • Operators
    • Null and undefined
    • Functions
    • Function class
    • Function literals
    • Scoping
    • Events
    • Writing event handlers
  • DOM Overview
    • Objects in JavaScript
    • DOM Overview
    • The Document object
    • Navigating the DOM
    • Nodes
    • Node Types
    • DOM Manipulation
    • Style object in the DOM
    • Computed styles
    • Creating new nodes
    • Tree loading
  • Introduction to Yahoo User Interface (YUI)
    • What is YUI?
    • Why use YUI?
    • YUI Features
    • YUI2 vs. YUI3
    • Downloading YUI
    • API Documentation
    • YUI Compressor
    • YUI doc
    • Browser support
    • Browser characteristics
    • Browser grades
    • Current Browser Grading
  • Core YUI Components
    • YUI 3 Seed File
    • YUI3 global object
    • Namespaces
    • Static Inclusion vs. Dynamic Loading
    • YUI.Lang Type Checking
    • YUI Component Infrastructure
    • The 'use' Method
    • YUI 3 Nodes
    • YUI 3 Event Module
    • Basic Events
    • Listening to Many Objects
    • Attaching Events to a Node
    • YUI 3 Global Events
    • Using YUI 3 Events
    • YUI 3 DOM manipulation
    • The NodeList Class
    • DOM Element Appearance
    • HTML Element Positioning
    • Getting and Setting Styles
    • Working With The Viewport
    • YUI Module Names
  • YUI Utilities
    • Library Utilities
    • Get Utility
    • Animation Utility
    • Cookies Utility
    • Drag and Drop Utility
    • Resize Utility
    • IO Utility
  • YUI Controls
    • UI Widgets
    • Overlay Control
    • Overlay Content
    • Using Overlay to Create Tooltips
    • Form Widgets
    • Panel Control
    • Panel as a Dialog
    • Media Widgets
    • DataTable Utility
    • TabView Utility
    • AutoComplete Utility
    • Date/Time Widgets
    • Calendar Control
    • Navigation Widgets
    • Menu Control
    • Submenus
    • Horizontal Menu Bars
    • Dynamic Menus
    • Event Handling
    • Context Menus
    • General Utilities
    • Event Control
    • Resizing, Dragging, and Dropping
    • Queue
    • Scrollview Control
  • YUI and CSS
    • YUI and CSS overview
    • CSS Reset
    • Applying CSS Reset
    • CSS Fonts
    • CSS Grids
    • Nested Grids
    • CSS Base
  • Introduction to AJAX
    • Architecture of AJAX
    • The AJAX Model
    • Browsers and AJAX
    • The AJAX Advantage
    • AJAX Disadvantages
    • Essential AJAX Technologies
    • Real World AJAX Examples
    • Potential Uses of AJAX
    • Understanding the XmlHttpRequest object
    • The open() Method
    • The send() Method
    • Understanding GET and POST
    • XMLHttpRequest Object Properties
    • A Simple Example
    • Putting It All Together
  • YUI AJAX Controls
    • The IO Class
    • Working with IO
    • The Config Object
    • Callback Functions
    • Simple AJAX Example
    • Using Form Data
    • Form Data in Dialogs
    • Browser History Management
    • Understanding Browser History
    • History Adapters
    • Adding Data to History
    • Other API Methods
    • History Events
    • Migrating from YUI 2
  • JSON and Related Controls
    • What is JSON?
    • JSON vs. XML
    • The JSON - XML Debate
    • XML/JSON Example
    • JSON Basics
    • JSON Example
    • AJAX - JSON Example
    • JSONP
    • YUI 3 JSON Utility
    • Filtering/Modifying Parse Values
    • DataSource utility
    • Using Datasource.Local
    • Other Datasource Types
    • Configuring the Datasource Schema
  • Custom YUI widgets
    • The Widget Class
    • Widget Attributes
    • Widget Lifecycle
    • The renderer Method
    • The render Method
    • UI Events
    • Plugins and Extensions
    • CSS Considerations
    • Hiding Markup
    • Creating a Custom Widget
    • Using Base.create
    • Custom Widget Example
    • Define the Prototype Properties
    • Prototype Properties: Leaf
    • Prototype Properties: ListBox
    • Define the Static Properties
    • Static Properties: Leaf
    • Static Properties: ListBox
    • Define the New Widget Class
    • Create Class: Leaf
    • Create Class: ListBox
    • Custom YUI 3 Modules
    • Defining a Custom Module
    • Using a Custom Module

    Get Personalized Training Solutions

    Get Personalized Training Solutions

    Need a personalized solution for your Training? Contact us, and our training advisors will guide you.

    Contact Us Now

    Need Help?

    Need Help? We're Here!

    Have questions about courses, instruction, materials covered, or finding the right fit? We're here to help!

    Reach Out To Us

    2023 Top 20 Training Industry Company - IT Training

    Need Help?

    Call us at 877-206-0106 or e-mail us at

    Save Up to $500 This Summer

    Soak up new skills this summer with exclusive discounts on our popular topics and courses.


    Summer 2024 Promotion

    IBM TechXchange Conference 2024

    October 21-24 | Mandalay Bay, Las Vegas

    Save $127 with Code: TECHXCHANGE10

    Offer Expires June 30, 2024

    Self-Paced Training Info

    Learn at your own pace with anytime, anywhere training

    • Same in-demand topics as instructor-led public and private classes.
    • Standalone learning or supplemental reinforcement.
    • e-Learning content varies by course and technology.
    • View the Self-Paced version of this outline and what is included in the SPVC course.
    • Learn more about e-Learning

    Course Added To Shopping Cart







    Self-Paced Training Terms & Conditions


    Exam Terms & Conditions


    Sorry, there are no classes that meet your criteria.

    Please contact us to schedule a class.

    STOP! Before You Leave

    Save 0% on this course!

    Take advantage of our online-only offer & save 0% on any course !

    Promo Code skip0 will be applied to your registration

    Nothing yet
    here's the message from the cart

    To view the cart, you can click "View Cart" on the right side of the heading on each page
    Add to cart clicker.

    Purchase Information

    ??elearning-coursenumber?? ??coursename??
    View Cart


    Date: xxx

    Location: xxx

    Time: xxx

    Price: xxx

    #Please take a moment to fill out this form. We will get back to you as soon as possible.#

    #All fields marked with an asterisk (*) are mandatory.#

    If you would like to request a quote for 5 or more students, please contact to be assigned an account representative.

    Need more Information?

    Speak with our training specialists to continue your learning journey.


    Delivery Formats


    By submitting this form, I agree to LearnQuest's Terms and Conditions

    heres the new schedule
    This website uses third-party profiling cookies to provide services in line with the preferences you reveal while browsing the Website. By continuing to browse this Website, you consent to the use of these cookies. If you wish to object such processing, please read the instructions described in our Privacy Policy.
    Your use of this LearnQuest site affirms your consent to our use of session and persistent cookies to track how you use our website.