Flex

Flex 4 – Developing Rich Internet Applications

Introducing Adobe Flex 4

• Introducing the Adobe Flash Platform
• Understanding Flex development technologies
• Understanding Flex application deployment
• Exploring the Flash Builder interface
• Creating a Flex project

Understanding Flex 4 Fundamentals

• Understanding Adobe Flex namespaces
• Understanding Flex components
• Laying out and styling with Flash Builder
• Compiling and running an application
• Creating custom components
• Introducing skinning
• Accessing and using structured data within a custom component.
• Introducing data binding
• Updating visual controls using dynamic data

Introducing Object Oriented Programming

• Introducing OOP terminology
• Understanding MXML classes
• Creating a class property
• Writing a class definition in ActionScript
• Creating instances of an ActionScript class
• Creating class methods

Understanding Components and Layouts

• Introducing visual components
• Introducing Spark layout classes.
• Introducing the Spark container classes
• Using constraints to control component layout
• Adding scrollbars to containers

Handling Events

• Understanding events
• Implementing event handlers
• Creating ActionScript event handler functions
• Understanding the event object
• Understanding event bubbling
• Adding event listeners with ActionScript

Validating and Formatting Data

• Using the Form container
• Using formatters
• Validating form data
• Triggering validation with events
• Triggering validation with ActionScript

Controlling Navigation

• Understanding MX navigator containers
• Using the ViewStack container
• Using a Spark container inside MX navigator containers
• Creating custom navigation for the ViewStack container
• Using the TabNavigator container
• Using the Accordion container

Controlling Application State

• Understanding view states
• Controlling view states

Animating Components and States

• Applying effects to components
• Creating composite effects
• Applying transitions to application state changes
• Adding and removing components during animations

Controlling Visual Display with Styling

• Creating global application styles
• Defining styles and skins for components
• Introducing Advanced CSS selectors

Skinning Spark Components

• Introducing skinning
• Incorporating visual elements drawn in other programs
• Changing the default display of skin parts

Implementing Advanced Skinning Techniques

• Implementing different visual states for a skin
• Accessing custom component properties from a skin
• Adding scrollbars to skins

Accessing Remote Data

• Using HTTPService to load remote data
• Handling returned data and faults
• Making HTTP requests with parameters
• Using the wizards

Creating a Typed Data Model

• Understanding the need for a typed data model
• Creating an ActionScript class for typed data
• Populating an ArrayCollection with value objects
• Understanding data bindings with value objects
• Refactoring value objects

Extending Events

• Understanding the problem with bindings
• Defining the event type
• Handling the event in the main application
• Extending the Event class
• Using the extended event class
• Dispatching a value object with the extended event
• Overriding the clone method

Rendering Content with the DataGroup Container

• Displaying string data in an item renderer
• Passing UI components in the data provider
• Creating a custom item renderer
• Using the SkinnableDataContainer

Displaying Data Using the DataGrid

• Using the DataGrid control
• Specifying DataGrid control columns
• Formatting DataGrid control columns
• Using item renderers and item editors
• Inline item renderers and item editors
• Item renderer and item editor components
• Using events and selected items with a DataGrid component

Deploying Flex and AIR Applications

• Compiling the Flex application
• Creating a Flex application production build
• Creating a desktop application
• Creating an AIR project

Flex – Developing Rich Client Applications

Introducing Flex 3: Developing Rich Client Applications

• Introducing Mastery Learning
• Understanding the Course Format
• Reviewing the course prerequisites
• Reviewing the course outline
• Setting up the application files

Introducing Adobe Flex 3

• Understanding Rich Internet Applications (RIA)
• 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

• Understanding the relationship between Eclipse and Flex Builder
• Exploring the Flex Builder interface
• Creating a project and your first application
• Debugging a Flex Application
• Accessing help in Adobe Flex Builder

Learning Flex Fundamentals

• Creating a simple Flex application
• Displaying Images
• Laying out a Flex application with containers
• Using the Panel Container
• Using the ControlBar Container
• Adding user interface controls
• Creating data bindings between components
• Architecting an application with MXML components
• Creating properties and methods for MXML components

Handling Events

• Understanding events
• Creating event handlers using inline ActionScript
• Handling events with ActionScript functions
• Placing ActionScript functions in external files
• Understanding the Event object
• Using the addEventListener() method

Laying out an Application Using Constraint-Based Layout

• Understanding absolute positioning
• Positioning components within a Canvas container
• Creating a constraint-based layout using Flex Builder
• Creating a constraint-based layout via MXML
• Using Enhanced Constraints
• Using constraint-based layouts with nested components

Using View States for Application Design

• Understanding view states
• Controlling view states
• Reviewing the generated MXML code
• Creating view states that include custom components states

Creating Application Navigation

• Understanding navigator containers and controls
• Using the LinkBar container
• Using the TabBar container
• Using the ViewStack container
• Using the TabNavigator container
• Using the Accordion container
• Using ButtonBar & ToggleButtonBar
• Using the ApplicationControlBar container

Customizing the Application

• Customizing Flex application look and feel
• Modifying Styles to change look-and-feel
• Using Themes
• Applying behaviors to components
• Applying transitions to view states

Using ActionScript Data Models

• Using the MVC design pattern
• Creating an MXML data model
• Using ActionScript classes as a data model
• Creating an ActionScript constructor with parameters
• Defining class methods

Exchanging Data Between Components Using Custom Events

• Understanding the problem with bindings
• Creating custom events
• Sending data with a custom event

Creating Data Entry Forms

• Using the Form container
• Sharing Form Data

Validating Form data

• Triggering validation with events
• Triggering validation with ActionScript

Retrieving XML Data with HTTPService

• Retrieving XML data at runtime
• Handling results
• Handling results using an event handler
• Handling faults
• Making HTTP requests to different domains
• Making HTTP requests with parameters

Displaying Data Using the DataGrid

• Using the DataGrid control
• Specifying DataGrid columns
• Formatting DataGrid columns
• Using item renderers and item editors
• Inline item renderers and item editors
• Item renderer and item editor components
• Using the TileList and HorizontalList
• Using events and selected items with list-based components