Adobe
Sign in Privacy My Adobe

Quick jump:

To the top

Flex in a Week requirements

Prerequisite knowledge

  • Basic programming concepts, processes, and constructs
  • XML, HTML, and CSS

Required product

  1. Flash Builder 4.5 Premium  (Trial download)
  2. Debug version of Flash Player
To the top

Introduction

This training course will help you understand how you can leverage the open source Flex framework to build RIAs. To make it easier for you to learn Flex, you will use the Eclipse-based Flash Builder 4.5 development tool, which includes the Flex framework and provides features such as intelligent coding, interactive step-through debugging, and visual design of the user layout.

Note: To make the most of this training, be sure to watch the videos and complete the accompanying exercises in order.

Introducing Flex in a Week (6:21)

Learn about the mechanics of the training course, understand the prerequisites, and preview the topics to be covered.

To the top

Day 1: Flex basics

one

Day 1 project files

(ZIP, 22.2 MB)

  1. Day 1 videos  (ZIP, 397 MB)

Introducing Adobe Flex 4.5

Introducing Flex and the Adobe Flash Platform (5:40)
Incorporating Flex into the client/server world (2:59)

Setting up Flash Builder

Exploring Flash Builder and Flash Player (6:10)
Using Flash Builder (20:38)
Compiling and viewing the application (12:51)

  1. Setting up Flash Builder and your project files

Building a data-driven Flex application

Understanding namespaces (8:47)
Introducing Flex components and controls (18:56)
Laying out a form in Design mode (9:47)
Introducing styling and skinning (9:49)

  1. Creating a user interface
Understanding data binding (5:39)

  1. Generating an email address using data binding
Requesting and retrieving XML data from the server (9:50)

  1. Adding data to your application

Organizing visual elements and code

Laying out components in containers (14:08)
Adding scrollbars (6:12)

  1. Experimenting with container layouts
Implementing OOP concepts in Flex (33:22)

  1. Creating MXML custom components with ActionScript properties
To the top

Day 2: Event and data basics

two

Day 2 project files

(ZIP, 52.5 MB)

  1. Day 2 videos  (ZIP, 393 MB)

Understanding event-driven development

Implementing event handlers (13:30)

  1. Handling a user event
Understanding the event object and bubbling (21:22)

  1. Using the event object
Adding event listeners with ActionScript (7:31)

  1. Using the addEventListener() method

Retrieving remote data

Introducing ArrayCollection and other data types (9:19)
Verifying data retrieval with Debugger and Network Monitor (5:12)

  1. Populating an ArrayCollection with retrieved data
Introducing RPC (6:50)
Retrieving and handling data using HTTPService (9:54)

  1. Populating an application with data using HTTPService
Retrieving and handling data using WebService (16:15)

  1. Populating an application with data using WebService
Retrieving and handling data using RemoteObject (16:09)

  1. Populating an application with data using RemoteObject

Creating a typed data model

Introducing the MVC pattern (10:11)

  1. Separating the model, view, and controller
Programming ActionScript classes (23:22)

  1. Creating an ActionScript class and instances
Implementing a value object and a typed data model (9:53)

  1. Creating an ArrayCollection of value objects
Generating value objects using Flash Builder data services (9:18)

  1. Using the Data Services wizards to connect to a service
To the top

Day 3: Data handling and manipulation

three

Day 3 project files

(ZIP, 45.7 MB)

  1. Day 3 videos  (ZIP, 284 MB)

Extending events

Creating an event type and dispatching the event object (13:25)

  1. Creating an event type and dispatching the event object
Extending the Event class to pass data in the event object (19:53)

  1. Extending the Event class to pass data in the event object
Dispatching a value object from the custom component (17:45)

  1. Dispatching a value object from the custom component

Sending remote data

Making a server request using HTTPService (12:23)

  1. Passing data to the server using HTTPService
Making a server request using WebService (9:04)

  1. Passing data to the server using WebService
Making a server request using RemoteObject (9:06)

  1. Passing data to the server using RemoteObject

Vaildating and formatting data

Using formatters (11:03)

  1. Formatting dates
Validating form data (16:31)

  1. Validating form data

Learning more about handling data

Implementing two-way binding (6:56)

  1. Using a two-way binding
Using the Flash Builder data wizard (5:30)

  1. Creating a master/detail interface with a wizard
To the top

Day 4: Page layout and animation

four

Day 4 project files

(ZIP, 36.3 MB)

  1. Day 4 videos   (ZIP, 309 MB)

Displaying data with the DataGroup container

Representing data in default item renderers (11:58)
Creating a custom item renderer (9:39)

Displaying data with List-based control

Implementing a Spark item renderer in List-based controls (3:17)
Creating and formatting the DataGrid control (17:29)
Creating item renderers and item editors (23:10)

Creating and navigating "pages" in a UI

Understanding navigator containers (8:42)
Creating "pages" with Flex states (14:26)
Laying out an application (10:11)
Using constraints to control component layout (9:14)

Animating components and states

Animating components with effects (14:04)
Animating states with transitions (23:53)
To the top

Day 5: Adding visual appeal

five

Day 5 project files

(ZIP, 42.6 MB)

  1. Day 5 videos  (ZIP, 309 MB)

Controlling text display

Introducing the text controls (11:42)
Using the Text Layout Framework (8:55)

Styling the visual display

Defining styles in CSS (9:05)
Introducing advanced CSS selectors (8:26)

Skinning Spark components

Styling the Form container (10:02)
Introducing skinning (17:12)
Drawing with MXML graphics (3:37)
Creating custom skin properties (9:11)
Implementing skin parts (6:08)
Implementing skin states (8:44)
Skinning the SkinnableDataGroup container (9:44)

Deploying Flex and Adobe AIR applications

Creating a production build (3:29)
Creating an Adobe AIR application (7:54)
To the top

Where to go from here

View samples

Integrate Flex

Browse the documentation

follow_the_adc_on_twitter

Flash Builder Premium

Develop apps for iPhone, iPad, BlackBerry PlayBook, and Android.


Download trial now

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.

Related Products
Adobe Flash Builder

Products

Download

Support & Learning

Buy

Company

Choose your region

Copyright © 2013 Adobe Systems Incorporated. All rights reserved.

Terms of Use | Privacy | Cookies