Developing Rich Client Applications Course

Course Code: IN 798
Course Abstract: In this course you will learn how to develop rich client applications with Flex 3.
Audience: This course is designed for individuals who are Java developers, user interface designers, professional services consultants, architects, and other technical personnel.
Duration: 3 days
Learning Outcomes: Upon completion of this course, the participant will be able to:
> Create a Flex application
> Exchange data between components
> Access Web Services and Remote Objects
Course Topics:

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

© 2007 Lodestone Digital

Prerequisites: Basic knowledge of the Java programming language is required.
Note: All fields are required
At the present time we do not offer training for individuals or groups less then 6 individuals. We apologize for any inconvenience.


We Value Your Privacy!

Ready to get started or in need of more information? Contact us today.

Go To Blog Virtual Learning