Web Development with Yahoo User Interface (YUI2) and AJAX Course

HOME > COURSE CATALOG > OPEN SOURCE > JAVASCRIPT > WEB DEVELOPMENT WITH YAHOO USER INTERFACE (YUI2) AND AJAX

Web Development with Yahoo User Interface (YUI2) and AJAX

DURATION 3 Days

COURSE WDAJ-155-NL

AVAILABLE FORMATS Classroom Training, Online Training

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

Upon completion of the course, students will be able to:

9/24/2021 1 of 6 6:58:43 PM 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

9/24/2021 2 of 6 6:58:43 PM 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 YUI

What is YUI? Why use YUI? Features Downloading YUI API Documentation YUI Compressor YUI doc Browser support Browser characteristics Browser grades

Core YUI Components

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

9/24/2021 3 of 6 6:58:43 PM Working with the viewport YUI module names

YUI Utilities

Library Utilities Animation Cookies Drag and Drop Element Resize

YUI Controls

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

YUI and CSS overview CSS reset CSS fonts CSS grids Preset templates Nested grids CSS Base

9/24/2021 4 of 6 6:58:43 PM Introduction to AJAX

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

YUI AJAX Controls

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

JSON and Related Controls

What is JSON? JSON vs. XML JSON/XML Example JSON Basics AJAX and JSON JSONP YUI JSON Utility Parsing JSON strings Filtering JSON data

9/24/2021 5 of 6 6:58:43 PM Creating JSON strings DataSource utility Creating a DataSource DataSource response types DataSource schemas

Other YUI Functionality

DataTable Utility TreeView Utility TabView Utility AutoComplete Utility

Related Courses

ICEFaces for AJAX Development WDAJ-115-NL 4 Days Classroom Training, Online Training Price: 2,460.00 EUR

Web Development with Yahoo User Interface (YUI 3) and AJAX WDAJ-165-NL 3 Days Classroom Training, Online Training Price: 1,850.00 EUR

9/24/2021 6 of 6 6:58:43 PM