Flex 4 : Développer des Applications Internet Riches

Public :

• Développeurs, chefs de projets souhaitant créer une application internet riche (RIA).

Objectifs :

• Construire une application avec Flex Builder.
• Utiliser les principaux composants d'interface.
• Charger et manipuler des données XML.

Pré-requis :

• Maitriser les notions fondamentales de la programmation (variables, types, fonctions, structures de contrôles).
• Connaitre la syntaxe XML.

Contenu pédagogique

Introduction à Flex 4.0

• Applications Internet Riches (RIA)
• Framework Flex SDK
• Flash Player et Machine virtuelle AIR

Flex Builder

• Environnement de développement Flex Builder basé sur Eclipse
• Editeurs de code, vues et perspectives
• Création et configuration d'un projet
• Création et lancement d'une première application
• Conception et exécution en mode Design

Construction d'une application simple

• Utiliser les contrôles utilisateurs
• Intégrer des contrôles de texte
• Ajouter des éléments Button, LinkButton et PopUpButton
• Utiliser les autres contrôles CheckBox, Radio, NumericStepper, DateField, ColorPicker
• Etablir des liaisons de données (Binding) entre composants
• Afficher des images embarquées ou distantes

Introduction à la programmation orientée objet en ActionScript

• Créer des classes et des objets
• Déclarer des attributs, méthodes et constructeurs
• Comprendre la notion d'héritage entre classes

Gestion des événements

• Comprendre la notion d'événements
• Intercepter et traiter les événements
• • Phases de capture, cible et de remontée
  • Objet target et currentTarget
• Découvrir les classes Event, MouseEvent et FlexEvent

Mise en page de l'application

• Structurer l'application par imbrication de conteneurs
• Découvrir les nouveaux conteneurs de positionnement Spark (Group, SkinnableGroup)
• Positionner les composants avec les éléments Layout (BasicLayout, VerticalLayout, HorizontalLayout, TileLayout)

Création de composants personnalisés MXML

• Déclaration et instanciation des composants
• Déclaration d'une interface (attributs/méthodes) publique
• Création d'événements internes
• Diffusion des événements propres au composant

Travailler avec des données

• Créer un formulaire avec le conteneur Form
• Valider les données de l'utilisateur
• Afficher les messages d'erreurs
• Mettre en forme les heures, dates et nombres

Navigation dans l'application

• Personnaliser la navigation avec les composants ViewStack
• Intégrer les nouveaux composants Spark aux conteneurs de navigation
• Contrôler la navigation avec les composants LinkBar et TabBar
• Utiliser les conteneurs de navigation prédéfinis Accordion et TabNavigator

Animation de l'application avec les états

• Découvrir la nouvelle syntaxe Spark pour définir les états (State)
• Définir des états en mode Design
• Déclencher les changements d'états
• Associer des effets de transitions entre états

Mise en forme et habillage de l'application

• Découvrir les propriétés de style et appliquer un style CSS à un composant
• Comprendre les nouveaux composants SparkSkin
• Créer et appliquer des skins
• Mettre en forme les skin parts

Internationalisation de l'application

• Créer des fichiers de langue et configurer le projet
• Gérer de ressources localisées
• Mettre en place un contrôle dynamique de choix de langue

Afficher des données

• Utiliser les types primitifs Array et Object
• Manipuler des données XML et XMLList avec E4X
• Mise en place de fonctions de tri et de filtre avec les composants ArrayCollection et XMLListCollection
• Utiliser les nouveaux composants DataGroup
• Mettre en forme les données avec les composant DefaultItemRenderer et DefaultComplexItemRenderer

Chargement de données distantes

• Création et configuration d'un service HTTPService
• Gestion du résultat avec l'événement ResultEvent
• Gestion des erreurs avec l'événement FaultEvent
• Mise en place d'une liaison de données entre le service http et un composant