Introduction to RichFaces

• Definition
• Features
• JSF relationship
• Libraries and Dependencies
• Configuring a Web Application
• The first sample

Introduction to AJAX

• What is AJAX?
• Traditional Web Processing
• AJAX Processing
• AJAX Applications
• Introduction to JavaScript
• Defining JavaScript
• JavaScript Object Syntax
• JavaScript Functions
• JavaScript Variables
• JavaScript Events
• Introduction to the HTML DOM
• The DOM Tree
• Accessing Nodes
• Finding HTML Elements by ID
• The XMLHttpRequest Object
• Retrieving an XMLHttpRequest Reference
• Sending a Request with an Asynchronous Response
• Using a Servlet to Respond
• Updating the Document
• Complete Example
• Complete Example Listing

RichFaces and Ajax

• Ajax4jsf Tags
• Introduction to Partial Page Rendering
• Ajax Requests without Form Submission
• Using the a4j:support Tag
• Partial Rendering and Validation
• Introduction to Regions
• Defining a Region
• The ajaxSingle Attribute
• Using the a4j:Log Tag
• Using a JSF Phase Listener

More RichFaces Ajax Concepts

• Partial Page Rendering
• Factors that Affect Rendering
• The reRender Attribute
• The a4j:outputPanel Tag
• The limitToList Attribute
• Regions and Partial Rendering
• Nested Regions
• The process Attribute
• The a4j:poll Tag
• Live Validation
• Optimizing Server Processing During Validation
• Hooking Into the JavaScript
• The a4j:Status Tag

RichFaces Component Library Overview

• RichFaces Component Libraries
• Categories of rich:xxxx Components

RichFaces Output Components

• The rich:separator Component
• The rich:panel Component
• The rich:panelBar Component
• The rich:simpleTogglePanel Component
• Toggle Control Switch Types
• The rich:tabPanel Component
• The rich:modalPanel Component
• The rich:toolBar Component
• The rich:panelMenu Component
• The rich:progressBar Component

RichFaces Input Components

• The rich:suggestionbox Component
• The rich:comboBox Component
• The rich:inputNumberSpinner Component
• The rich:inputNumberSlider Component
• The rich:calendar Component
• The rich:colorPicker Component
• The rich:editor Component
• The rich:fileUpload Component

RichFaces Selection and Menu Components

• RichFaces Selection Components
• The rich:pickList Component
• The rich:orderingList Component
• The rich:listShuttle Component
• RichFaces Menu Components
• The rich:dropDownMenu Component
• The rich:contextMenu Component

RichFaces Iteration Components

• The rich:dataList Component
• The rich:dataOrderedList Component
• The rich:definitionList Component
• The rich:dataTable Component
• The rich:dataGrid Component
• The rich:dataScroller Component
• Partial Updates

RichFaces Skinning

• What is a Skin?
• Predefined Skins
• Specifying a Skin
• Skin Property Files
• Changing Skins Dynamically
• Non-RichFaces Components and Skins
• Writing a Custom Skin

RichFaces Performance and Best Practices

• RichFaces Performance is Complex Issue
• General RichFaces Good Practices
• Ajax Re-Rendering and Partial Updates
• RichFaces Regions and ajaxSingle
• Using Firefox and Firebug
• Continuous Ajax Requests
• Defining a Traffic Queue
• Delaying Transmission
• Ignoring Duplicate Reponses
• Reducing the Size of Ajax Responses
• Reducing Response Size Techniques
• Configuring RichFaces to Pack Responses
• Configuring Facelets
• RichFaces Filter Configuration
• Complete Performance Example