Close
Contact Us info@learnquest.com

??WelcomeName??
??WelcomeName??
« Important Announcement » Contact Us 877-206-0106 | USA Flag
Close
Close
Close
photo

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.

photo

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.

Close
photo

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.

title

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

Price
2,100 USD
3 Days
WDAJ-165
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

Modality

Location

Language

Date

    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

Overview

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.
 

Objectives

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

Audience

  • Architects
  • Designers
  • Developers
  • Web 2.0 Developers

Prerequisites

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

Topics

  • 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

  •  
    2023 Top 20 Training Industry Company - IT Training

    Need Help?

    Call us at 877-206-0106 or e-mail us at info@learnquest.com

    Personalized Solutions

    Need a personalized solution for your Training? Contact us, and one of our training advisors will help you find the best solution.

    Contact Us

    Need Help?

    Do you have a question about the courses, instruction, or materials covered? Do you need help finding which course is best for you? We are here to help!

    Talk to us

    20% Off All Mainframe Training Courses

    Become the mainframe expert your organization needs.

    PROMO CODE: MAINFRAME20
    VALID THROUGH MARCH 31, 2024

    20% Off All Mainframe Training Courses

    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

    bla

    bla

    bla

    bla

    bla

    bla

    Self-Paced Training Terms & Conditions

    ??spvc-wbt-warning??
    ??group-training-form-area??
    ??how-can-we-help-you-area??
    ??personalized-form-area??
    ??request-quote-area??

    Sorry, there are no classes that meet your criteria.

    Please contact us to schedule a class.
    Close

    self-paced
    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

    Close
    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

    Need more Information?

    Speak with our training specialists to continue your learning journey.

     

    Delivery Formats

    Close

    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.