Formation Flex 4

Objectifs de la formation Flex 4

Flex est une solution de développement créée par Macromedia en 2004 puis reprise par Adobe en 2006, permettant de créer et de déployer des applications Internet riches (RIA) multiplate-formes grâce à la technologie Flash. Le développement en FLEX se fait principalement grâce à un langage descriptif, le MXML, qui permet de créer toute l'interface et une partie du comportement de l'application ; et grâce à un langage impératif, l'ActionScript, inspiré du JavaScript.

Lors de la formation Flex 4, vous apprendrez à réaliser des applications riches et à les faire communiquer avec un serveur.

A la fin de la formation vous saurez développer, déployer, et sécuriser des applications riches avec Flex et Flash Builder.

Public concerné Développeurs. Pré-requis Connaitre la programmation objet ou avoir suivi la formation Introduction à l'objet.

Informations pratiques Référence : #AFAF Durée : 4 jours (28 heures) Tarif inter-entreprises: 1 700€ (HT) Possibilité d'avoir une 5ème journée consacrée au framework Cairngorm Stage intra-entreprise disponibe   Dates :  - du 5 au 8 Mars  - du 28 au 31 Mai   - du 8 au 11 Octobre  - du 10 au 13 Décembre   Consultez-nous pour obtenir un devis et les prochaines disponibilités de nos consultants formateurs.

Présence nationale Cliquez sur l'image pour l'agrandir Aix-en-Provence, Auxerre, Bordeaux, Caen, Clermont-Ferrand, Dijon, Grenoble, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Perpignan, Reims, Rennes, Rouen, Strasbourg, Toulouse, Toulon, Tours

Programme de la formation Flex

Introduction au développement d'applications Flex

• La notion de RIA (Rich Internet Application), ses technologies et ses limites
• Flex 4, Flash et ActionScript 3
• La gamme de produits Flex/AIR
• L'architecture client Flex/serveur
• Les principales ressources en ligne
• Les environnements de développement
• Créer une application Flex 4 avec Flash Builder

Création d'un projet Adobe Flex

• Le contenu d'un projet Flex 4
• Exportation et importation de projet
• Les propriétés d'un projet
• Tester un projet

Exercice pratique: Lancement de Flash Builder, découverte des différentes perspectives et fenêtres. Création et lancement dans le navigateur d'un premier projet Flex 4.

Décrire une interface utilisateur grâce au MXML en Flex

• Les vues Source et Design
• Présentation des composants controls, layout et navigators
• Disposer l'interface utilisateur
• Utiliser des contraintes de ligne et de colonne
• Créer des composants personnalisés

Exercice Pratique: Création d'un écran d'identification. Exportation dans un composant personnalisé Flex réutilisable.

Le langage ActionScript 3

• Un langage orienté objet
• Les particularités de l'AS3
• Vocabulaire, mots-Clefs et syntaxe
• Création d'une classe AS3
• Insérer du code ActionScript dans un fichier MXML
• L'héritage, les interfaces, les getter/setter

Exercice Pratique: Gérer la gestion d'un utilisateur sous forme dans l'écran d'identification avec vérification utilisateur/mot de passe.

Les mécanismes fondamentaux de Flex

• La relation MXML/ActionScript
• Instancier un objet
• L'API du framework Flex 4

Organiser son projet Flex en modules

• Définir l'architecture d'un projet
• Création de composants personnalisés

La gestion des évènements en Flex

• Les événements personnalisés
• Diffuser un événement
• La Métadonnée Event
• Créer ses propres types d'événement

Manipuler des données en Flex

• Utiliser le XML
• Créer des objets XML
• Lire les données
• L'API de collection et les composants List

Exercice Pratique: Récupération d'un fichier XML de contacts, affichage des contacts dans une liste et si clic sur le contact, affichage d'un fiche de détail sur le contact.

Personnaliser l'interface utilisateur en Flex

• Les items renderers
• Les renderers personnalisés
• Les Effets et les transitions
• Les styles CSS
• Le DragNDrop
• Les fenêtres PopUp

Faire communiquer Flex avec le serveur d'applications

• Les langages côtés serveurs et la gestion des bases de données
• Présentation de HTTPService, WebService, Remote Object
• Faire communiquer avec des WebServices

Exercice Pratique: En modifiant très peu le développement, la liste ainsi que la récupération du détail des utilisateurs se fera depuis un Web Service.

Charger des données XML avec HTTPService en Flex

• Récupérer des données lors de l'exécution
• Créer des requête http
• Gérer les résultats avec les bindings et les gestionnaires d'événement
• Gérer les erreurs
• Interroger différents domaines

BlazeDS et Flex

• Présentation
• Configuration
• Faire communiquer avec Flex

Pour aller plus loin en Flex

Si programme est terminé en avance, il sera possible, par exemple, d'introduire Adobe Air :

• Porter une application Adobe Flex sur le bureau avec AIR.
• Processus d'installation avec l'installBadge
• Le fenêtrage
• Intégrer du HTML et des documents PDF
• L'accès au système de fichier

Des exercices supplémentaires sur les sujets déjà traités pourront également être proposés.

Logiciels utilisés

Tout logiciel où il n'y a aucun intérêt pédagogique à le faire faire par les stagiaires sera préinstallé sur les postes.

Flash Builder.

Travaux pratiques

Tout au long de cette formation, de nombreux exercices seront effectués. En effet, environ 60% du temps est concacré à la pratique.

Formations connexes disponibles dans notre centre de formation

Si vous souhaitez aller plus loin, vous pouvez suivre les formations JEE6 ou PHP initiation pour apprendre à développer le côté serveur.

Mots clés associés à cette formation

Développement web, programmation orientée objet, framework, flash, Flex, Adobe Flex 4, actionscript, Adobe.

Financement de la formation professionnelle

Ce cours peut être financé par l'OPCA (Agefos, Fafiec, Opcalia...) de votre entreprise ou par le Fongecif de votre région.

Il peut également être suivi dans le cadre du DIF, du CIF, ou d'une période de professionnalisation.