Flex 3: Developing Rich Client Applications

Cost:

$795.00 (Online Class - Lodestone Live)
$995.00 (Lodestone Training Center)

Time: 10 AM - 4:30 PM EST
Length: 3 day class
Type: Instructor-led

Course Description:

In this course you will learn how to develop rich client applications with Flex 3.

Learning Objectives:

Upon completion of this course, you should be able to:

• Create a Flex application
• Exchange data between components
• Access Web Services and Remote Objects

Target Audience:

Course Outline:

Unit 1: Introducing Adobe Flex 3

• Understanding rich Internet applications
• Understanding Adobe Flex
• Understanding Adobe Flex Builder
• Understanding the foundation of the RIA: Flash Player/Flash Virtual
• Understanding the Flex application process flow
• Accessing remote data resources from a Flex application
• Getting help and other resources

Unit 2: Getting Started with Flex Builder

• Understanding the relationship between Eclipse and Flex Builder
• Exploring the Flex Builder interface
• Creating a project and your first application
• Walkthrough 1: Creating a main application file and running it
• Debugging a Flex application
• Walkthrough 2: Debugging and using the Debugging Perspective
• Accessing help in Adobe Flex Builder

Unit 3: Learning Flex Fundamentals

• Creating a simple Flex application
• Walkthrough 1: Creating your first Flex application
• Displaying images
• Walkthrough 2: Adding images to an application
• Laying out a Flex application with containers
• Walkthrough 3: Using basic layouts
• Using the Panel container
• Walkthrough 4: Separating application modules into panels
• Using the ControlBar container
• Walkthrough 5: Using a ControlBar container
• Adding user interface controls
• Creating data bindings between components
• Walkthrough 6: Creating data bindings
• Architecting an application with MXML components
• Walkthrough 7: Creating and instantiating a custom component
• Creating properties and methods for MXML components
• Walkthrough 8: Creating properties and methods in a component

Unit 4: Handling Events

• Understanding events
• Creating event handlers using inline ActionScript
• Walkthrough 1: Using inline ActionScript
• Handling events with ActionScript functions
• Walkthrough 2: Using a function for an event handler
• Placing ActionScript functions in external files
• Understanding the event object
• Walkthrough 3: Understanding the event object
• Using the addEventListener() method
• Walkthrough 4: Using the addEventListener() method

Unit 5: Laying out an Application Using Constraint-Based Layout

• Understanding absolute positioning
• Positioning components within a Canvas container
• Walkthrough 1: Positioning components inside a Canvas
• Creating a constraint-based layout using Flex Builder
• Walkthrough 2: Using Design mode to implement a constraint-based layout
• Creating a constraint-based layout via MXML
• Walkthrough 3: Implementing a constraint-based layout in MXML
• Using Enhanced Constraints
• Using constraint-based layouts within nested containers
• Walkthrough 4: Using custom components in a constraint-based layout

Unit 6: Lab

• Creating the basic photo gallery application & home page
• Creating the Contribute page component
• Create the Gallery page component

Unit 7: Using View States for Application Design

• Understanding view states
• Walkthrough 1: Creating two states for the Contact page
• Controlling view states
• Walkthrough 2: Switching states in the Contact form
• Reviewing the generated MXML code
• Walkthrough 3: Implementing view states using MXML
• Creating view states that include custom component states
• Walkthrough 4: Using custom components with their own view states

Unit 8: Creating Application Navigation

• Understanding navigator containers and controls
• Using the LinkBar control
• Using the TabBar control
• Using the ViewStack container
• Walkthrough 1: Navigating the Café Townsend application using the ViewStack and TabBar control
• Using the TabNavigator container
• Using the Accordion container
• Walkthrough 2: Navigating the Café Townsend content using the TabNavigator and Accordion containers
• Using ButtonBar & ToggleButtonBar
• Using the ApplicationControlBar container
• Walkthrough 3: Adding the ApplicationControlBar container to the Café Townsend application

Unit 9: Customizing the Application

• Customizing Flex application look and feel
• Modifying Styles to change look-and-feel
• Using Themes
• Walkthrough 1: Changing the look and feel of the Café Townsend application
• Applying behaviors to components
• Walkthrough 2: Add behaviors to the Café Townsend seating chart
• Applying transitions to view state changes
• Walkthrough 3: Resize the contact Café Townsend panel during the view states transition

Unit 10: Lab

• Adding application navigation and a custom component
• Creating a view state in Design mode and a transition
• Creating a view state in MXML
• Changing the look of the FStop application

Unit 11: Using ActionScript Data Models

• Using the MVC design pattern
• Creating an MXML data model
• Using ActionScript classes as a data model
• Walkthrough 1: Instantiating an Object in MXML from an ActionScript class
• Creating an ActionScript constructor with parameters
• Walkthrough 2: Instantiating an Object in ActionScript from an ActionScript class
• Defining class methods
• Walkthrough 3: Adding Methods to an ActionScript class

Unit 12: Exchanging Data Between Components Using Custom Events

• Understanding the problem with bindings
• Creating custom events
• Walkthrough 1: Creating, dispatching and handling a custom event
• Sending data with a custom event
• Walkthrough 2: Creating a custom event object and dispatching it

Unit 13: Creating Data Entry Forms

• Using the Form container
• Walkthrough 1: Creating a data entry form component
• Sharing Form Data
• Walkthrough 2: Sharing Form Data with the Application
• Validating form data
• Triggering validation with events
• Walkthrough 3: Validating Numeric Input
• Triggering validation with ActionScript
• Walkthrough 4: Triggering Validation with ActionScript

Unit 14: Retrieving XML Data with HTTPService

• Retrieving XML data at runtime
• Handling results
• Walkthrough 1: Retrieving data at runtime with HTTPService
• Handling results using an event handler
• Walkthrough 2: Using a result event
• Handling faults
• Walkthrough 3: Handling a fault event
• Making HTTP requests to different domains
• Walkthrough 4: Testing cross-domain policy
• Making HTTP requests with parameters
• Walkthrough 5: Using HTTPService with parameters

Unit 15: Displaying Data Using the DataGrid

• Using the DataGrid control
• Specifying DataGrid columns
• Walkthrough 1: Specifying DataGrid columns
• Formatting DataGrid columns

There are currently no public classes scheduled dates for this class. To schedule a private class, please call us toll free at 866-665-9441.

Please note, assigned instructor may change. Lodestone confirms instructor schedules two weeks prior to class date.

*Classes are online via Lodestone Live and at a Lodestone training center.
The only time that a class will cancel is either if there is a power failure or other major disruption in service.