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 (YUI2) and AJAX
Course Description
Overview
This course discusses web development techniques using the Yahoo User Interface (YUI). 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?
- Features
- Downloading YUI
- API Documentation
- YUI Compressor
- YUI doc
- Browser support
- Browser characteristics
- Browser grades
- YAHOO global object
- Namespaces
- YAHOO.lang type checking
- YUI Event utility
- Basic events
- Using YUI events
- YUI DOM collection
- Element positioning
- Getting and setting styles
- Working with the viewport
- YUI module names
- Library Utilities
- Animation
- Cookies
- Drag and Drop
- Element
- Resize
- Button
- Calendar
- Color Picker
- Menu
- Submenus
- Menu events
- Menu bar
- Context menu
- Menu customization
- Container
- Module
- Overlay
- Tooltip
- Panel
- Dialog
- Layout Manager
- YUI and CSS overview
- CSS reset
- CSS fonts
- CSS grids
- Preset templates
- Nested grids
- CSS Base
- Architecture of AJAX
- The AJAX model
- Browsers and AJAX
- Advantages and disadvantages
- AJAX technologies
- AJAX examples and uses
- The XmlHttpRequest object
- The open() and send() methods
- GET and POST requests
- XHR properties
- XHR example
- Putting it all together
- Connection Manager
- Success cases
- Failure cases
- Connection Manager example
- Connection Manager and form data
- Form data via Dialogs
- Browser History Manager
- Required Markup
- Module registration
- Callback routine
- onReady processing
- What is JSON?
- JSON vs. XML
- JSON/XML Example
- JSON Basics
- AJAX and JSON
- JSONP
- YUI JSON Utility
- Parsing JSON strings
- Filtering JSON data
- Creating JSON strings
- DataSource utility
- Creating a DataSource
- DataSource response types
- DataSource schemas
- DataTable Utility
- TreeView Utility
- TabView Utility
- AutoComplete Utility
Related Courses
-
AJAX for Java Developers
WDAJ-110- Duration: 4 Days
- Delivery Format: Classroom Training, Online Training
- Price: 2,800.00 USD
-
ICEFaces for AJAX Development
WDAJ-115- Duration: 4 Days
- Delivery Format: Classroom Training, Online Training
- Price: 2,800.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.