About Workshop
Introduction:
Flex is an open source framework that enables the development of highly interactive and visually rich Web 2.0 applications. Flex-based applications have a consistent look and feel across all major browsers, desktops, and operating systems.
The user interface layout and behaviors is described using MXML, a declarative XML-based language. The client-side logic is programmed using ActionScript, a powerful object-oriented programming language. Flex also includes a rich component library with several proven, extensible UI components for creating rich Internet applications (RIAs), as well as an interactive Flex application debugger.
Objectives:
Upon completion of this course, attendees will be able to:
• Understand the Flex 3 programming environment
• Design, develop and deploy visually rich and highly interactive Web 2.0 application using Flex 3
• Master the use of Flex Builder
• Access remote data and display it in a Flex application
• Understand the Flex application workflow
• Use MXML to define constraint-based layout
• Learn how to program using ActionScript
• Build event handlers using ActionScript
• Create data entry forms
• Retrieve XML data using the HTTPService
• Display data using the DataGrid control
Course Highlights:
• Introducing Adobe Flex 3 & Getting Started with Flex
• Learning Flex Fundamentals
• Handling Events
• Laying out an Application Using Constraint-Based Layout
• Using View States for Application Design
• Creating Application Navigation
• Customizing the Application
• Using ActionScript Data Models
• Exchanging Data between Components Using Custom Events
• Creating Data Entry Forms
• Retrieving XML Data with HTTPService
• Displaying Data Using the DataGrid
• Using ToolTips & Cursor Manager
• Creating Skins
Workshop topics to be covered:
Lesson: 01 (Introducing Adobe Flex 3 & Getting Started with Flex)
• Understanding rich Internet applications
• Understanding Adobe Flex
• Understanding Adobe Flex Builder
• Understanding the Flex application process flow
• Accessing remote data resources from a Flex application
• Exploring the Flex Builder interface
• Creating a project and your first application
Lesson: 02 (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
Lesson: 03 (Handling Events)
• Understanding events
• Creating event handlers using inline ActionScript
• Handling events within ActionScript functions
• Placing ActionScript functions in external files
• Understanding the Event object
• Using the addEventListener() method
Lesson: 04 (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 within nested containers
Lesson: 05 (Using View States for Application Design)
• Understanding view states
• Controlling view states
• Reviewing the generated MXML code
• Creating view states that include custom component states
Lesson: 06 (Creating Application Navigation)
• Understanding navigator containers and controls
• Using the LinkBar control
• Using the TabBar control
• Using the ViewStack container
• Using the TabNavigator container
• Using the Accordion container
• Using ButtonBar & ToggleButtonBar
• Using the ApplicationControlBar container
Lesson: 07 (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 state changes
Lesson: 08 (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
Lesson: 9 (Exchanging Data between Components Using Custom Events)
• Understanding the problem with bindings
• Creating custom events
• Sending data with a custom event
Lesson: 10 (Creating Data Entry Forms)
• Using the Form container
• Sharing Form Data
• Validating form data
• Triggering validation with events
• Triggering validation with ActionScript
Lesson: 11 (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
Lesson: 12 (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
Lesson: 13 (Using ToolTips & Cursor Manager)
• About ToolTips
• Creating ToolTips
• Using the ToolTip Manager
• Using error tips
• Reskinning ToolTips
• About the Cursor Manager
• Using the Cursor Manager
• Creating and removing a cursor
• Using a busy cursor
Lesson 14: (Creating Skins)
• About skinning
• Applying skins
• Creating graphical skins
• Creating programmatic skins
• Creating stateful skins
• Creating advanced programmatic skins
![](Templates/"../images/bodyedge_tr.gif"width="2"){kind=small}
![](Templates/"../images/bodyedge_tl.gif"width="2"){kind=small}
