Prerequisiti

Conoscenza di concetti di programmazione e sviluppo sul web. La conoscenza di ActionScript e Java costituiscono requisito preferenziale.

 

Overview

Flex 4.5 è la nuova versione della tecnologia di Adobe per la definizione di un ambiente di sviluppo e di runtime che permette agli sviluppatori di creare front end ad alta interattività che sfruttano i vantaggi del noto Flash Player. Le applicazioni Flex4, definite appunto Rich Internet Application, interagiscono con la parte di Business Logic attraverso web services, metodi pubblici Java (POJO, EJB3, Spring, Hibernate) o con chiamate HTTP con qualsiasi delle tecnologie server side (PHP, Coldfusion, .NET, Ruby on Rails) e si inseriscono in complesse architetture Enterprise (J2EE) garantendo aspetti come la sicurezza e la separazione tra presentazione e logica.
La versione di Flex 4.5 arricchisce ancora di più le SDK fornendo nuove componenti per rendere ancora più ricche le applicazioni web, come per esempio il nuovo e potente AdvancedDataGrid, oppure l'integrazione con Flash CS5 e altri prodotti della Adobe Creative Suite, o ancora la possibilità di esportare l'applicazione sul desktop creando un progetto AIR.

 

Il corso è aggiornato alle ultime versioni di Flash Builder 4 e Flex 4.5 SDK.

Obiettivi formativi

Questo corso guida i discenti in un percorso gradualmente calibrato che parte dalle basi di Flex 4.5 e Flash Builder fino ad arrivare allo sviluppo di complesse applicazioni front end che si collegano a fonti remote.

 

Dotazione PC

E’ previsto che ciascun partecipante sia munito di proprio notebook avente i seguenti requisiti minimi per partecipare al corso Sviluppare Rich Internet Applications con le nuove Flex 4.5 SDK:

 

• Intel Pentium 4 processor
• Microsoft Windows 7, Windows Vista, Windows XP with Service Pack 2, Windows XP Professional, Windows 2000 Server, or Windows Server 2003
• 1 GB of memory
• 300 MB of available hard-disk space to install

 

Coloro che fossero sprovvisti di un notebook con tali caratteristiche, potranno noleggiare un PC per l’intero corso. Si prega in tal caso di informare l’organizzazione con qualche giorno di preavviso.

 

Materiale didattico e coordinamento

L’offerta formativa è completata dal seguente libro di testo che verrà fornito ad ogni alunno:
Flex Solutions: Essential Techniques for Developers
Editore: Friends of Ed
Autore: Marco Casario

O in alternativa:

Flex 4 Cookbook: Real-world recipes for developing Rich Internet Applications
Editore: O'Reilly
Autori: Joshua Noble, Todd Anderson , Garth Braithwaite , Marco Casario , Rich Tretola

Il coordinamento di questo corso è svolto da Marco Casario

 

Programma ufficiale Adobe

Unit 1: Introducing Adobe Flex 4.5

 

• Introducing the Adobe Flash Platform
• Introducing the technologies
• Building Flex applications
• Experiencing web and desktop applications
• Learning more about Flex
• Understanding Flex development technologies
• Understanding the Flex framework, SDK and tool
• Understanding Adobe Flash Builder 4.5
• Understanding Flash Player Debugger Version
• Understanding Flex application deployment
• Exploring the Flash Builder interface
• Grouping projects with workspaces
• Understanding the workbench
• Understanding editors
• Understanding views
• Understanding perspectives
• Adding and configuring components in Design mode
• Creating a Flex project
• Using the New Flex Project wizar

 

Unit 2: Understanding Flex 4 Fundamentals

 

• Understanding Adobe Flex namespaces
• Understanding how namespaces translate into Flex libraries
• Understanding Flex components
• Assigning component properties
• Adding images
• Laying out and styling with Flash Builder
• Setting component properties
• Setting styles using a CSS style sheet
• Compiling and running an application
• Compiling the application in Flash Builder
• Running the application
• Creating custom components
• Controlling component layout in containers
• Defining and using a custom component
• Introducing skinning
• Defining a skin class
• Applying a skin class
• Accessing and using structured data within a custom component
• Declaring non-visual objects in MXML
• Defining inline event handlers
• Generating event handler functions
• Introducing data binding
• Implementing data binding
• Declaring and using bindable properties
• Passing data to an embedded control through a custom component property
• Updating visual controls using dynamic data
• Capturing the current item in a list control
• Using data binding to dynamically update visual controls
• Adding and removing event listeners using ActionScrip

 

Unit 3: Introducing Object Oriented Programming

 

• Introducing OOP terminology
• Understanding classes
• Understanding MXML classes
• Exploring the Flex framework classes
• Creating class instances
• Extending the Flex framework classes
• Creating a class property
• Creating the property
• Controlling access
• Creating and using a public property
• Writing a class definition in ActionScript
• Understanding the constructor
• Creating class properties
• Assigning property values through the constructor
• Making properties or classes bindable
• Creating instances of an ActionScript class
• Creating class methods

 

Unit 4: Understanding Components and Layouts

 

• Introducing visual components
• Introducing Spark vs MX components
• Understanding components
• Introducing Spark layout classes
• Defining the layout property
• Understanding the BasicLayout class
• Understanding the HorizontalLayout class
• Understanding the VerticalLayout class
• Understanding the TileLayout class
• Custom layout classes
• Introducing the Spark container classes
• Understanding how the containers work
• Understanding the Spark containers
• Reviewing the Application container
• Introducing the Group container
• Introducing the Panel container
• Introducing the BorderContainer
• Sample application layout
• Defining layout properties
• Using constraints to control component layout
• Understanding constraint-based layout basics
• Rules to control component layout
• Constraint-based vs. traditional container layout
• Visually assigning anchors
• Adding scrollbars to containers
• Implementing the Scroller clas

 

Unit 5:Validating and Formatting Data

 

• Using the Form container
• Introducing the Form components
• Creating a Form custom component
• Customizing the FormItem container display
• Using sequence labels
• Using help content
• Using prompts with text controls
• Using a custom required icon
• Displaying the Spark Form in a stacked layout
• Creating a Form with the stacked layout using CS
• Using formatters
• Validating form data
• Creating a Validator with MXML
• Creating a Validator with ActionScript
• Handling Required Values
• Triggering validation with events
• When validation fails
• Using the NumberValidator Class
• Triggering validation with ActionScript
• Suppressing automatic validation
• Using the validate() method
• Triggering multiple validators

 

Unit 6:Controlling Navigation

 

• Understanding MX navigator containers
• Controlling container display
• Introducing the MX navigator containers
• Using the ViewStack container
• Understanding ViewStack basics
• Navigating with the MX LinkBar control
• Navigating with the Spark TabBar and ButtonBar controls
• Displaying and resizing the ViewStack child containers
• Deferring instantiation of ViewStack child containers
• Using a Spark container inside MX navigator containers
• Creating custom navigation for the ViewStack container
• Setting the active ViewStack child container
• Enabling buttons dynamically
• Using the TabNavigator container
• Using the Accordion containe

 

Unit 7:Controlling Application State

 

• Understanding view states
• Introducing view states
• Creating view states in Design mode
• Creating view states with code
• Controlling view states
• Introducing the currentState property
• Switching between states

 

Unit 8:Animating Components and States

 

• Applying effects to components
• Interacting with users using animated effects
• Understanding effect basics
• Reviewing available effects
• Defining an effect
• Playing an effect
• Creating composite effects
• Applying transitions to application state changes
• Creating transitions
• Adding and removing components during animation

 

Unit 9:Controlling Visual Display with Styling

 

• Creating global application styles
• Generating the styles using the Appearance view in Design mode
• Flash Builder automatically creates CSS file
• Global vs Application selector
• Defining styles and skins for components
• Creating Flex component selectors
• Create custom component selectors
• Applying a component skin via CSS
• Introducing advanced CSS selectors
• Descendent selector
• id selector
• Class selector
• Pseudo selecto

 

Unit 10: Skinning Spark Components

 

• Introducing skinning
• Understanding Spark skins
• Setting styles inline in the MXML tags
• Introducing the skinnable Spark container classes
• Creating a skin for Spark components
• Incorporating visual elements drawn in other programs
• Introducing FXG
• Changing the default display of skin parts

 

Unit 11: Implementing Advanced Skinning Techniques

 

• Implementing different visual states for a skin
• Accessing custom component properties from a skin
• Defining the custom property in the custom component
• Creating the skin and component contract
• Referencing the properties in the skin
• Adding scrollbars to skins
• Using the Scroller with nonskinnable containers
• Using the Scroller with skinnable containers

 

Unit 12: Accessing Remote Data

 

• Using HTTPService to load remote data
• Using the HTTPService class
• Process for making HTTP requests
• Retrieving data with lastResult
• Understanding the ArrayCollection results
• Using results in data bindings
• Handling returned data and faults
• Handling results
• Handling faults
• Displaying messages with an Alert pop-up
• Using result and fault handlers example
• Making HTTP requests with parameters
• Using explicit parameter passing
• Using parameter binding
• Using the Flash Builder wizards
• Understanding the CallResponder class
• Creating a master/detail form

 

Unit 13: Creating aTtyped Data Model

 

• Understanding the need for a typed data model
• Working with a model of generic data
• Creating a model of typed data
• Understanding value objects
• Creating value objects
• Creating an ActionScript class for typed data
• Reviewing classpaths and packages
• Creating class files
• Defining class access modifiers
• Creating class constructors
• Defining class properties
• Instantiating an ActionScript class
• Populating an ArrayCollection with value objects
• Comparing ArrayCollection with ArrayList
• Understanding data bindings with value objects
• Making ActionScript class properties bindable
• Binding the view to the model
• Binding two-way
• Refactoring value objects
• Downcasting object reference

 

Unit 14: Extending Events

 

• Understanding the problem with bindings
• The problem of using bindings
• Creating loosely coupled components
• Defining the event type
• Defining the event in the dispatching component
• Triggering the event from a user or system event
• Instantiating the event
• Dispatching the event to the main application
• Handling the event in the main application
• Extending the Event class
• Creating the extended class
• Extending the Event class
• Adding properties
• Creating the constructor
• Using the extended event class
• Using the Metadata compiler directive
• Dispatch the extended event
• Handling the event in the main application
• Dispatching a value object with the extended event
• Accommodating a value object in the extended event
• Overriding the clone method
• Passing a parameter to toggle event bubbling

 

Unit 15: Rendering Content with the DataGroup Container

 

• Displaying string data in an item renderer
• Understanding DataGroup container basics
• Implementing the DataGroup container
• Using the default item renderer
• Creating a custom item renderer
• Understanding the limits of the default item renderer
• Creating a custom item renderer
• Creating a nested item renderer
• Referencing an external item renderer class
• Using data in an item renderer
• Specifying how to visually render items
• Determining a renderer at runtime
• Using the Scroller with a DataGroup
• Using the SkinnableDataContainer
• Implementing the SkinnableDataContainer
• Creating the skin componen

 

Unit 16: Displaying Data Using the DataGrid

 

• Using the DataGrid control
• Supplying data to a DataGrid control
• Specifying DataGrid control columns
• Formatting DataGrid control columns
• Setting column widths with a typical item
• Formatting data in a label function
• Creating reusable label functions
• Using item renderers and item editors
• Understanding Item renderers versus item editors
• Introducing the types of item renderers and item editors
• Creating custom item renderer and item editor components
• Using events and selected items with a DataGrid component
• Customizing the DataGrid skin

 

Quota partecipazione

1.200 euro + iva.

ISCRIVITI AL CORSO Flex 4.5 SDK e Flash Builder

 

Per:

• progettazione didattica di corsi ad hoc
• corsi in sede dal cliente
• corsi rivolti a gruppi aziendali

 

RICHIEDI IL PREVENTIVO >>

 

Altri corsi e training su Flex, AIR e Flash Media Server

Flex 4 Upgrade: Migrare da Flex 3 a Flex 4 e Flash Builder 4
Enterprise Flex Applications: Usare Flex 4 con Blaze DS e Java (JEE)
Disegnare interfacce utente con Flash Catalyst
Enterprise Flex Applications con LiveCycle Data Services e J2EE (Java EE)
Sviluppare applicazioni desktop con Adobe AIR, Ajax e Flex
Flash Media Server 3.5 - Sviluppare Rich Media Applications
Disegnare layout ed interfacce utente per Flex 4 ed Adobe AIR
Programmare ActionScript 3 per Flex 4