Start learning with our library of video tutorials taught by experts. Get started

Flash Builder 4 and Flex 4 Essential Training
Illustration by John Hersey

Flash Builder 4 and Flex 4 Essential Training

with David Gassner

Video: Welcome

Hi! My name is David Gassner. I'd like to welcome you to Flash Builder 4 and Flex 4 Essential Training. Adobe Systems has been working on this critical upgrade to the Flex development platform for about two years. There are plenty of new features in both the Software Developer's Kit and the Integrated Development Environment, Flash Builder 4. In this series, I'll show you how to build and deploy Rich Internet Applications, including how to use the MXML and ActionScript 3 programming languages, and how to use the Flex implementation of Cascading Style Sheets, and create an MXML-based component skins with the new Spark component architecture.
Expand all | Collapse all
  1. 4m 40s
    1. Welcome
      1m 22s
    2. Using the exercise files
      2m 0s
    3. Understanding the prerequisites
      1m 18s
  2. 36m 12s
    1. Introducing the history of Adobe Flex
      4m 41s
    2. Installing Flash Builder on Windows
      3m 51s
    3. Installing Flash Builder on Mac OS X
      2m 8s
    4. Installing Flash Builder as an Eclipse plug-in
      4m 31s
    5. Creating the Hello World application
      9m 12s
    6. Understanding the anatomy of web applications
      6m 37s
    7. Creating a release build
      5m 12s
  3. 21m 50s
    1. Choosing a workspace
      3m 1s
    2. Importing and exporting projects as FXP files
      4m 30s
    3. Setting Flash Builder preferences
      6m 2s
    4. Using Eclipse views and editors
      4m 32s
    5. Using Flash Builder perspectives
      3m 45s
  4. 41m 13s
    1. Understanding MXML
      6m 32s
    2. Setting properties and styles with MXML
      6m 32s
    3. Translating MXML to ActionScript 3
      4m 4s
    4. Using ActionScript in MXML files
      4m 55s
    5. Declaring and using variables
      5m 52s
    6. Understanding ActionScript data types
      7m 47s
    7. Getting language and API help
      5m 31s
  5. 40m 24s
    1. Using the debug version of Flash Player
      5m 27s
    2. Starting and stopping debugging sessions
      6m 22s
    3. Tracing application execution
      7m 1s
    4. Using breakpoints
      7m 30s
    5. Using the Variables view
      7m 19s
    6. Watching ActionScript expressions
      3m 28s
    7. Using watchpoints to detect state changes
      3m 17s
  6. 1h 6m
    1. Understanding MX and Spark components
      4m 40s
    2. Declaring visual controls with MXML
      10m 36s
    3. Declaring visual controls with ActionScript
      7m 47s
    4. Using text display controls
      5m 12s
    5. Displaying rich text
      4m 57s
    6. Using text input controls
      4m 19s
    7. Using button controls
      5m 59s
    8. Loading images at runtime
      5m 1s
    9. Embedding images
      6m 2s
    10. Presenting Flash content
      4m 21s
    11. Passing data with binding expressions
      7m 30s
  7. 29m 8s
    1. Handling dispatched events
      7m 2s
    2. Using inline event handlers in MXML
      2m 37s
    3. Using custom event handler functions
      3m 45s
    4. Understanding event objects
      8m 41s
    5. Using event listener functions
      7m 3s
  8. 45m 38s
    1. Setting the application's layout property
      4m 45s
    2. Using Spark Group containers
      5m 49s
    3. Using the Spark Panel container
      6m 25s
    4. Using the Application and Panel control bars
      3m 34s
    5. Using the BorderContainer
      6m 9s
    6. Using constraint-based layout properties
      6m 45s
    7. Declaring view states
      7m 17s
    8. Changing view states at runtime
      4m 54s
  9. 52m 9s
    1. Defining MXML components
      4m 50s
    2. Instantiating components in MXML
      4m 57s
    3. Instantiating components in ActionScript
      3m 16s
    4. Declaring and using custom properties
      7m 27s
    5. Declaring and using custom methods
      5m 26s
    6. Declaring and setting component states
      5m 29s
    7. Dispatching events from custom components
      8m 18s
    8. Creating custom event classes
      6m 30s
    9. Dispatching and handling custom events
      5m 56s
  10. 19m 7s
    1. Using the ViewStack container
      5m 38s
    2. Managing navigation with ActionScript
      5m 25s
    3. Using the ButtonBar component
      3m 51s
    4. Using the TabNavigator and Accordion containers
      4m 13s
  11. 45m 42s
    1. Understanding inline CSS declarations
      6m 3s
    2. Using embedded style sheets
      7m 22s
    3. Using type, style name, and id selectors
      6m 58s
    4. Using descendant and global selectors
      5m 42s
    5. Using external style sheets
      5m 5s
    6. Setting and getting styles with ActionScript
      7m 46s
    7. Loading styles at runtime
      6m 46s
  12. 43m 26s
    1. Drawing vector graphics with MXML
      8m 44s
    2. Exporting FXG files from Illustrator and Fireworks
      7m 50s
    3. Using FXG files in Flex applications
      3m 40s
    4. Creating a custom application skin
      11m 15s
    5. Using custom component skins
      5m 22s
    6. Assigning skins to multiple components
      3m 6s
    7. Loading skins at runtime
      3m 29s
  13. 38m 35s
    1. Embedding data with ‹fx:Model›
      7m 42s
    2. Managing data with ArrayList and ArrayCollection
      7m 37s
    3. Creating value object classes
      4m 57s
    4. Using value objects in MXML
      4m 29s
    5. Using value objects in ActionScript
      5m 34s
    6. Wrapping value objects in data collections
      8m 16s
  14. 56m 12s
    1. Using the List and DropDownList controls
      5m 46s
    2. Using the labelField property
      2m 53s
    3. Using the labelFunction property
      7m 48s
    4. Creating custom item renderers
      7m 14s
    5. Managing List layout
      3m 34s
    6. Using the DataGrid control
      6m 39s
    7. Using labelFunction with a DataGrid column
      3m 53s
    8. Using advanced DataGrid cell rendering
      4m 17s
    9. Working with List control events and properties
      5m 53s
    10. Displaying data items with DataGroup
      4m 43s
    11. Adding scrollbars to groups
      3m 32s
  15. 29m 59s
    1. Building a custom data entry form component
      7m 29s
    2. Validating data entry
      7m 23s
    3. Packaging data with a value object class
      8m 4s
    4. Sharing data using custom event classes
      7m 3s
  16. 56m 40s
    1. Installing Apache, PHP, and MySQL on Windows
      3m 58s
    2. Installing Apache, PHP, and MySQL on Mac OS X
      4m 28s
    3. Importing a database into MySQL
      4m 13s
    4. Adding server properties to a Flex project
      4m 11s
    5. Retrieving data with RPC components
      5m 58s
    6. Handling the RPC result event
      4m 46s
    7. Handling the RPC fault event
      3m 29s
    8. Using the CallResponder class
      3m 0s
    9. Creating a PHP data connection to a MySQL table
      7m 36s
    10. Retrieving data with a PHP data connection
      3m 46s
    11. Generating a data entry form
      4m 19s
    12. Sending data to the server
      6m 56s
  17. 41s
    1. Goodbye
      41s

Watch this entire course now —plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Watch the Online Video Course Flash Builder 4 and Flex 4 Essential Training
10h 28m Beginner Mar 22, 2010

Viewers: in countries Watching now:

Adobe's open source programming framework, Flex SDK, combined with Flash Builder (formerly named Flex Builder) simplifies and streamlines the process for building rich internet applications, or RIAs. Author David Gassner explores the newest release of this powerful toolset in Flash Builder 4 and Flex 4 Essential Training, explaining critical information for developers who are upgrading from Flex 3, but also for those who are new to RIA development. The course culminates in the development of a complete application, integrated with a PHP application server and a MySQL database. Exercise files accompany the course.

Topics include:
  • Understanding the history of Adobe Flex
  • Installing the Flash Builder components
  • Using Eclipse views and editors
  • Programming with MXML and integrating MXML and ActionScript
  • Debugging Flex applications
  • Adding visual controls to a Flex application interface
  • Displaying images and dynamic data
  • Formatting with CSS
  • Skinning Spark components with MXML graphics
  • Creating data entry form components
  • Integrating with Apache, PHP and MySQL
Subjects:
Developer Web
Software:
Flash Builder Flex
Author:
David Gassner

Welcome

Hi! My name is David Gassner. I'd like to welcome you to Flash Builder 4 and Flex 4 Essential Training. Adobe Systems has been working on this critical upgrade to the Flex development platform for about two years. There are plenty of new features in both the Software Developer's Kit and the Integrated Development Environment, Flash Builder 4. In this series, I'll show you how to build and deploy Rich Internet Applications, including how to use the MXML and ActionScript 3 programming languages, and how to use the Flex implementation of Cascading Style Sheets, and create an MXML-based component skins with the new Spark component architecture.

I'll give you a tour of the newly renamed Flash Builder 4, formerly known as Flex Builder. You'll see examples of the product's new code generation and debugging features and how to integrate Flex applications with application servers, using Flash Builder's new data-centric development tools. This course is designed for anyone who wants to learn how to develop Rich Internet Applications for Flash Player 10, but it also contains great information for developers who have some experience with earlier versions of Flex. I hope you find that the Flex 4 SDK and Flash Builder 4 give you all the tools you need for building dynamic applications for the web and the desktop.

Find answers to the most frequently asked questions about Flash Builder 4 and Flex 4 Essential Training .


Expand all | Collapse all
please wait ...
Q: After importing the Debugging.fxp file following the steps outlined in the “Importing and exporting projects as FXP files” video, several of the applications will not run.
When I attempt to debug or run the Variables.mxml or Watchpoints.mxml  applications, I am unsuccessful. Pressing F11 to debug causes Flex to look for an application it CAN run, and runs that one. If I Right-Click one of the aforementioned applications and then click Run Application, an error appears that says “This file cannot be launched.”
What is causing this problem?
A: This is a common issue with Flash Builder. Before pressing F11 (or right-clicking and choosing Run Application), set the current MXML application file as the "default" by right-clicking it and choosing "Set as default application".
This should ensure that the application you want to preview opens in the browser when you press F11.
Q: When trying to specify the fontStyle as italic in both ways described in the first and second videos of the “Using Cascading Style Sheets (CSS)” chapter, only the literal string "italic" seems to work. If I use the constant for the same value like this:
fontStyle="{FontPosture.ITALIC}"
I get a warning that reads:
"Design mode: Error during component layout. Choose Design > Refresh to refresh design mode."
Even if I try to refresh, design mode will not work until I change it back to the literal string. I made sure the import for this namespace was there by pressing Ctrl+spacebar, refreshed design mode several times, and even restarted Flash Builder. However, the only solution seems to be to use the literal. Is there a fix for this?
A: The use of constants and bindings in MXML style attributes results in unpredictable results in Design View, as evidenced by this error. Unfortunately, the best you can expect is that design view will render the presentation, but won't show the results of the style setting, because Design View isn't capable of evaluating MXML bindings without the benefit of Flash Player's runtime capabilities.
Q: Is Flash Builder compatible with Mac OS X 10.7 (Lion)?
A: Yes, Flash Builder 4.51 is compatible with the most recent version of Mac OS X. (The original Flash Builder 4 is not compatible with Lion; if you want to upgrade Mac OS X, you'll also need to upgrade Flash Builder.)

Unlike previous versions of Mac OS X, Lion does not include a default Java development environment. Before running the Flash Builder installer, you should install Java for Mac OS X. Failure to do this will result in Flash Builder 4.5, rather than 4.5.1, being installed on the system.

You can trigger the installation of Java with these steps:
 
1. Open Terminal.
2. Type 'java' and press Return.
3. Follow the prompts to download and install Java.
 
There is one usability issue that will affect all users of Flash Builder on Mac OS X 10.7–right-clicking in the package explorer may stop working after prolonged use of Flash Builder. To resolve the issue Flash Builder must be restarted.

Finally, the Flash Builder installer includes a version of Flash Player that is not recommended for use with Mac OS X 10.7. Rather than installing the default version, you should download and install the latest debugger version from http://www.adobe.com/support/flashplayer/downloads.html.
 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Flash Builder 4 and Flex 4 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.