title
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
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
- 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
- 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
- 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
- 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
- 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
- Library Utilities
- Get Utility
- Animation Utility
- Cookies Utility
- Drag and Drop Utility
- Resize Utility
- IO Utility
- 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 overview
- CSS Reset
- Applying CSS Reset
- CSS Fonts
- CSS Grids
- Nested Grids
- CSS Base
- 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
- 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
- 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
- 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
Related Courses
-
AJAX for Java Developers
WDAJ-110- Duration: 4 Days
- Delivery Format: Classroom Training, Online Training
- Price: 2,800.00 USD
-
Web Development with Yahoo User Interface (YUI2) and AJAX
WDAJ-155- Duration: 3 Days
- Delivery Format: Classroom Training, Online Training
- Price: 2,100.00 USD
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
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
Purchase Information
title
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.