Flex Rich Client Training Course
Course Summary
Developing Rich Internet Client Applications Flex 3 training course provides experienced application developers with hands-on, practical experience using Flex.
In this class, through a series of projects you will learn how to create your own Flex-based applications. This is a hands-on approach to Flex development.
[top] Duration
3 days.
[top] Audience
This course is designed for application developers who want to bring the power of Rich Internet Applications to their web applications.
[top] Prerequisites
To gain the most from this class, you should:
- Be familiar with an object oriented programming language such as Java or C++
- Be familiar with XML terminology
[top] Outline
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 Machine
- Understanding the Flex application process flow
- Accessing remote data resources from a Flex application
- Getting help and other resources
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
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
Handling Events
- Understanding events
- Creating event handlers using inline ActionScript
- Walkthrough 1: Using inline ActionScript
- Handling events within 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
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
Lab
- Creating the basic photo gallery application & home page
- Creating the Contribute page component
- Create the Gallery page component
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
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
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
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
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
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
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
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
Displaying Data Using the DataGrid
- Using the DataGrid control
- Specifying DataGrid columns
- Walkthrough 1: Specifying DataGrid columns
- Formatting DataGrid columns
- Walkthrough 2: Formatting data in DataGrid columns
- Using item renderers and item editors
- Walkthrough 3: Using a drop-in item editor
- Inline item renderers and item editors
- Walkthrough 4: Using an inline item editor
- Item renderer and item editor components
- Walkthrough 5: Using a component item renderer
- Using the TileList and HorizontalList
- Walkthrough 6: Displaying data with a TileList and HorizontalList
- Using events and selected items with list-based components
- Walkthrough 7: Using a change event on the TileList
Lab
- Retrieving remote data and creating a data structure
- Displaying dynamic images in the gallery
- Displaying a clicked image in the view state
- Passing photo information for a purchased photo
- Displaying purchased photos in the shopping cart
[top] Student Testimonials
Interesting course, interesting curriculum.
I enjoyed the complete experience... I highly recommend the instructor and the course.