Training Flex 4 / Comprehensive Introduction – 5 days

Class overview :

This Flex 4 training class introduces students to creating Rich Internet Applications (RIAs) with Flex 4 and Flash Builder (formerly called Flex Builder). By the end of class, you’ll be able to build a well-organized and sophisticated Flex 4 application following best practices. The Flex 4 application you will build in class will be driven by external data. The user interface will display the data using navigators, advanced event handling, drag and drop functionality, custom ActionScript classes, custom components and customized datagrids.

Class goals :

Learn to build Rich Internet Applications using Flex 4.
Learn to use Flex 4 controls and handle user (and other) events..
Learn to access and manipulate remote XML Data with Flex 4.
Learn to create Classes and instantiate Objects.
Learn to use data binding with Flex 4.
Learn to use DataGroups and Lists.
Learn to create and dispatch Events.
Learn to use DataGrids and Item Renderers.
Learn to create Drag and Drop applications with Flex 4.
Learn to build Navigation menus with Flex 4.
Learn to use Formatters and Validators.
Learn to customize a Flex 4 Application with Styles and Skins.
Learn to create custom ActionScript components.

Content of Training Flex 4 / Comprehensive Introduction

Class Outline

  1. Understanding Rich Internet Applications
    1. The Evolution of Computer Applications
    2. The Break from Page-Based Architecture
    3. The Advantages of Rich Internet Applications
    4. RIA Technologies
  2. Getting Started with Flex Application Development
    1. Creating a Project and an MXML Application
    2. Understanding the Flash Builder Workbench
    3. Running Your Application
    4. Exploring the Flash Builder Debugger
    5. Getting Ready for the Next Lessons
  3. Laying Out the Interface
    1. Learning About Layouts
    2. Laying Out the E-Commerce Application
    3. Working with Constraint-Based Layouts
    4. Working with View States
    5. Refactoring
  4. Using Simple Controls
    1. Introducing Simple Controls
    2. Displaying Images
    3. Building a Detail View
    4. Using Data Binding to Link a Data Structure to a Simple Control
    5. Using a Form Layout Container to Lay Out Simple Controls
  5. Handling Events
    1. Understanding Event Handling
    2. Handling System Events
  6. Using Remote XML Data
    1. Using Embedded XML
    2. Using XML Loaded at Runtime
    3. Retrieving XML Data via HTTPService
    4. Searching XML with E4X
    5. Using Dynamic XML Data
    6. Using the XMLListCollection in a Flex Control
  7. Creating Classes
    1. Building a Custom ActionScript Class
    2. Building a Value Object
    3. Building a Method to Create an Object
    4. Building Shopping Cart Classes
    5. Manipulating Shopping Cart Data
  8. Using Data Binding and Collections
    1. Examining Data Binding
    2. Being the Compiler
    3. Understanding Bindable Implications
    4. Using ArrayCollections
    5. Refactoring ShoppingCartItem
  9. Breaking the Application into Components
    1. Introducing MXML Components
    2. Splitting Off the ShoppingView Component
    3. Breaking Out a ProductItem Component
    4. Creating Components to Manage Loading the Data
  10. Using DataGroups and Lists
    1. Using Lists
    2. Using DataGroups
    3. Virtualization with Lists
    4. Displaying Grocery Products Based on Category Selection
  11. Creating and Dispatching Events
    1. Understanding the Benefits of Loose Coupling
    2. Dispatching Events
    3. Declaring Events for a Component
    4. Identifying the Need for Custom Event Classes
    5. Building and Using the UserAcknowledgeEvent
    6. Understanding Event Flow and Event Bubbling
    7. Creating and Using the ProductEvent Class
  12. Using DataGrids and Item Renderers
    1. Spark and MX
    2. Introducing DataGrids and Item Renderers
    3. Displaying the ShoppingCart with a DataGrid
    4. Using the AdvancedDataGrid
  13. Using Drag and Drop
    1. Introducing the Drag and Drop Manager
    2. Dragging and Dropping Between Two DataGrids
    3. Dragging and Dropping Between a DataGrid and a List
    4. Using a Non-Drag-Enabled Component in a Drag-and-Drop Operation
    5. Dragging a Grocery Item to the Shopping Cart
  14. Implementing Navigation
    1. Introducing Navigation
    2. Creating the Checkout Process as a ViewStack
    3. Integrating CheckoutView into the Application
  15. Using Formatters and Validators
    1. Introducing Formatters and Validators
    2. Using Formatter Classes
    3. Examining Two-Way Bindings
    4. Using Validator Classes
  16. Customizing a Flex Application with Styles
    1. Applying a Design with Styles and Skins
    2. Cleaning Up the Appearance
    3. Applying Styles
    4. Changing CSS at Runtime
  17. Customizing a Flex Application with Skins
    1. Understanding the Role of Skins in a Spark Component
    2. The Relationship between Skins and States
    3. Creating a Skin for the Application
  18. Creating Custom ActionScript Components
    1. Introducing Components with ActionScript 3.0
    2. Building Components Can Be Complex
    3. Understanding Flex Components
    4. Why Make Components?
    5. Defining a Component
    6. Creating the Visuals
    7. Adding Functionality to the Component
    8. Creating a Renderer for the Skin
Flex 4 / Comprehensive Introduction
Training Flex 4 / Comprehensive Introduction

Onze voordelen :

  • Type of training: Inter-company, intra-company and individual
  • 100% flexible & personalised training : You choose the place, the dates and the training program
  • Offer request : Response within 24 hours
  • 50% discount for SME’s from Brussels-Capital Region
  • Free parking, lunch & drinks
  • Free use of our Digital Competence Centre: Manuals, courses, exercises, …
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s