AJAX (JavaScript/XML): Developing JavaServer Faces Components with AJAX

Course Overview

Developing JavaServer Faces Components with AJAX provides you with the skills necessary to build custom web tier components for the JavaServer Faces (JSF) framework that leverage AJAX techniques. The JSF framework is an extensible set of user interface components with an application programming interface (API) for dynamically managing application state, event handling, input validation, page navigation, as well as support for internationalization and accessibility. AJAX is an emerging web application development technique that leverages client-side JavaScript to provide a richer and more responsive user experience than can be achieved by server-side logic alone. The focus of this course is to show how you can incorporate AJAX technology in reusable JSF components using design techniques that complement both technologies.

Audience

Java programming language developers with skills equivalent to that of a Sun Certified Java Developer who create reusable web components (such as JSP(TM) custom tags) for the assembly and generation of dynamic web content.

Skills Gained

• Develop a web application using AJAX techniques
• Develop a JSF web application
• Create a custom JSF component that can be reused in any JSF web application
• Create a custom JSF component that provides AJAX functionality

Prerequisites

• Write Java web applications using Java web-tier technologies: Servlets and JavaServer Pages (JSP) technologies
• Design Java applications that integrate existing Java code
• Describe the benefits of an n-tier architecture
• Describe the benefits of the Model-View-Controller (MVC) composite pattern
• Write a web page that uses HTML, CSS, and JavaScript

Course Outline

Module 1 - Introducting JavaServer Faces (JSF)

• Explain the role of JSF components
• List the JSF life-cycle phases
• Discuss the purpose of tag handlers, custom UI components, renderers, and render kits
• Describe the structure of a JSF component
• Describe how variables are passed from JSF tags to JSF components
• Develop a JSF component
• Use the new JSF component to customize a JSF application

Module 2 - JSF Input Components

• Bind fields in a web page to values in the backing bean using JSF Expression Language (EL)
• Describe the use of the JSF DataTable tag and facets
• Build a multi-page JSF technology application
• Create dynamic menu choices from data in your database

Module 3 - Building Custom JSF Components

• Explain the role of JSF Components
• List the steps in the JSF Life-Cycle
• Describe relationship between tag handlers, custom UI components, renderers and render kits
• Describe the structure of a JSF Component
• Describe how variables are passed from JSF tags to JSF Components
• Develop a JSF Component

Module 4 - Implementing AJAX Technology

• Define Asynchronous JavaScript and XML (AJAX)
• Use JavaScript with the Document Object Model (DOM) to build a simple web application
• Describe the XmlHttpRequest object and describe how it is used to refresh the web page display with data from servers without causing the whole web page to refresh

Module 5 - AJAX-Enabled JSF Components

• List models for handling asynchronous requests
• Contrast strategies for handling asynchronous requests within the JSF life cycle
• Develop a JSF component that handles AJAX events
• Create a JSF application that uses AJAX techiques to pull data from the server asynchronously and process the data on the client side

Follow Up Courses

Before:

• Web Component Development With Servlet and JSP Technologies (SL-314)

AJAX (JavaScript/XML): Developing JavaServer Faces Components with AJAX / DTJ-3108