| Course Code: |
IN 1062 |
| Course Abstract: |
This course is designed to provide detailed guidance in building Web 2.0 applications using the Yahoo User Interface (YUI). The techniques, frameworks and tools that help developers build professional web applications using YUI are covered in detailed. Each topic has an extensive array of examples and exercises.
|
| Audience: |
This course is designed for individuals who are architects, designers, developers, and Web 2.0 Developers.
|
| Duration: |
3 days |
| Learning Outcomes: |
Upon completion of this course, the participant will be able to:
> Build sophisticated Web applications by utilizing the YUI Library > Employ YUI’s rich set of utilities to manage the DOM and handle Events > Take advantage of YUI for Ajax requests and responses > Know how YUI manages ‘class’ inheritance > Apply server-side components using YUI > Incorporate best practices |
| Course Topics: |
I. Introducing YUI Using YUI API documentation YUI Library Architecture Dependencies The YUI compressor YUI tools: profile, test, log
II. YUI Core Strategies for Getting Started Problem solving techniques The YAHOO global object YAHOO DOM collection YUI’s inheritance techniques
III. YUI Utilities CSS Resources and YUI skins Drag and drop, animation Connection Manager (Ajax) JSON utility XML utility DataSource utility Get utility Browser history manager
IV. DOM Manipulation DOM Overview Retrieving DOM Elements Modifying the DOM Updating Style Information
V. Managing Events with YUI Traditional event handling techniques and issues YUI Event utility methods and techniques Rationale for writing your own custom events How to create a custom event
VI. YUI Library Controls/Widgets Widget / Container Family Buttons, Button Family Calendars Accordions ToolTips Light Boxes Menus, TabViews, TreeViews DataTable AutoComplete Building your own widget
VI. YUI Library CSS Tools Laying out a Page (Structure, Control) CSS reset, base, fonts, and grids
VII. Advanced Concepts YUI’s design patterns Security best practices Debugging and problem solving Consideration of performance issues
|
| Prerequisites: |
Basic knowledge of web development Basic knowledge of HTML, CSS and JavaScript |