Products
Technologies
A–C
D–H
I–Z
Developer services
Project centers
Developer resources
Community resources
- Adobe Cookbooks (share code)
- CSS Advisor (browser bug fixes)
- Exchanges (share components)
- Adobe Labs
- Adobe Open Source
- Forums
- RSS feeds
- Bug base
- User groups
- Adobe Community Professional
- Developer events
Integration
Product documentation
Downloads
Samples
Training and books
- Online training
- Classroom training
- Certification
- Adobe Developer Library
- Adobe Press
- Safari Books Online
Newsletters
Blogs
Archives
ADC program
Additional resources
Flex in a Week
Learn to use Adobe Flex 4 and Flash Builder 4 in a week by stepping through this video training course.
To get started:
- Download and install Flash Builder 4 (requires free Adobe membership).
- Watch a short overview video (6:21) to learn what to expect from this training.
-
Download the project files for each training day.
Project files include starter and solution files for the exercises and video transcripts. If you prefer, you can download the files for each exercise individually from the respective exercise pages.
- To maximize your learning, view the videos and complete the exercises in the order listed.
Prerequisite knowledge:
- Basic programming concepts, processes, and constructs
- XML, HTML, and CSS
- Basic understanding of how Flex and Flash Builder work together
Want to view Flex in a Week videos offline? You can download the videos from this page.
Note: You can also download a mobile version of Flex in a Week from iTunes.
Sound off: How are we doing?
Please help us help you learn Flex better: Tell us what works and what doesn't work for you in the way this course is structured and presented.
Note: If you haven't upgraded to Flex 4 yet, you can find Flex 3 in a Week training in our archive.
Day 1: Flex basics
- Day 1 project files (ZIP; 46.5 MB)
Introducing Adobe Flex 4
- Introducing Flex and the Adobe Flash Platform (4:49)
- Incorporating Flex into the client/server world (2:54)
Setting up Flash Builder
- Exploring Flash Builder and Flash Player (6:02)
- Using Flash Builder (19:22)
- Compiling and viewing the application (13:31)
- Setting up Flash Builder and your project files
Building a data-driven Flex application
- Understanding namespaces (9:40)
- Introducing Flex components and controls (20:47)
- Laying out a form in Design mode (11:56)
- Introducing styling and skinning (8:09)
- Creating a user interface
- Understanding data binding (6:16)
- Generating an email address using data binding
- Requesting and retrieving XML data from the server (10:58)
- Adding data to your application
Organizing visual elements and code
Day 2: Event and data basics
- Day 2 project files (ZIP; 123.4 MB)
Understanding event-driven development
- Implementing event handlers (14:12)
- Handling a user event
- Understanding the event object and bubbling (19:38)
- Using the event object
- Adding event listeners with ActionScript (7:28)
- Using the addEventListener() method
Retrieving remote data
- Introducing ArrayCollection and other data types (9:29)
- Verifying data retrieval with Debugger and Network Monitor (6:32)
- Populating an ArrayCollection with retrieved data
- Introducing RPC (7:24)
- Retrieving and handling data using:
HTTPService (10:41) | WebService (18:03) | RemoteObject (16:33) - Populating an application with data using:
HTTPService | WebService | RemoteObject
For more information see also: Flex and ColdFusion | PHP | Java
Creating a typed data model
- Introducing the MVC pattern (10:44)
- Separating the model, view, and controller
- Programming ActionScript classes (24:27)
- Creating an ActionScript class and instances
- Implementing a value object and a typed data model (10:52)
- Creating an ArrayCollection of value objects
- Generating value objects using Flash Builder data services (9:44)
- Using the Data Services wizards to connect to a service
Day 3: Data handling and manipulation
- Day 3 project files (ZIP; 69.1 MB)
Extending events
- Creating an event type and dispatching the event object (13:28)
- Creating an event type and dispatching the event object
- Extending the Event class to pass data in the event object (22:11)
- Extending the Event class to pass data in the event object
- Dispatching a value object from the custom component (17:27)
- Dispatching a value object from the custom component
Sending remote data
- Making a server request using:
HTTPService (12:50) | WebService (7:32) | RemoteObject (7:43) - Passing data to the server using:
HTTPService | WebService | RemoteObject
For more information see also: Flex and ColdFusion | PHP | Java
Validating and formatting data
- Using formatters (9:17)
- Formatting dates
- Validating form data (14:54)
- Validating form data
Learning more about handling data
Day 4: Page layout and animation
- Day 4 project files (ZIP; 81.9 MB)
Displaying data with the DataGroup container
- Representing data in default item renderers (11:39)
- Passing data to item renderers for display
- Creating a custom item renderer (9:58)
- Displaying dynamic data in a custom item renderer
Displaying data with List-based control
- Implementing a Spark item renderer in List-based controls (3:16)
- Implementing a Spark item renderer in List-based controls
- Creating and formatting the DataGrid control (13:32)
- Using the DataGrid control
- Creating item renderers and item editors (21:29)
- Creating and using item renderers and item editors
Creating and navigating "pages" in a UI
- Understanding navigator containers (9:28)
- Navigating using navigator containers
- Creating "pages" with Flex states (14:03)
- Creating and navigating application states
- Laying out an application (14:51)
- Using constraints to control component layout (8:59)
- Creating a scalable UI
Animating components and states
Day 5: Adding visual appeal
- Day 5 project files (ZIP; 65.4 MB)
Controlling text display
- Introducing the text controls (14:00)
- Using text controls
- Using the Text Layout Framework (11:20)
- Using text layout features
Styling the visual display
- Defining styles in CSS (9:23)
- Defining selector styles
- Introducing advanced CSS selectors (8:29)
- Using advanced CSS selectors
Skinning Spark components
- Introducing skinning (12:25)
- Drawing with MXML graphics (4:51)
- Creating and applying skins
- Creating custom skin properties (8:24)
- Creating custom skin properties
- Implementing skin parts (8:38)
- Creating a vertical title bar on a Panel control
- Implementing skin states (9:16)
- Animating button components
- Skinning the SkinnableDataGroup container (7:54)
- Skinning the SkinnableDataGroup container
Skinning Flex applications with Adobe Flash Catalyst
- Part 1: Creating skins and components in Flash Catalyst (31:05)
- Part 2: Modifying a Flash Catalyst project with Flash Builder (7:05)
- Part 3: Working with Flex Project Libraries (FXPL) (9:20)
- Importing a Flash Catalyst FXP file in Flash Builder
Deploying Flex and Adobe AIR applications
Where to go from here
View samples
Integrate Flex
Browse the documentation
This work is licensed under a Creative Commons Attribution-Noncommercial 3.0 Unported License.
