ActionScript 3 : Les fondamentaux

L’ActionScript 3 pour les débutants

Si l’arrivée de l’AS3 a apporté aux développeurs une solution efficace et performante, elle n'offre pas une approche intuitive aux autres utilisateurs de Flash non développeurs, comme les graphistes et les créatifs. Cette formation a donc pour objectif d’expliquer clairement et simplement les fondamentaux de l’AS3 et de proposer à son public des solutions pratiques aux problèmes courants.

Votre formateur/Vos formateurs: Hervé Girolet

Date de parution: 29 avr. 2009

€ 49,95

Durée: 7h

Cette formation fait partie de Coffret : Les fondamentaux de Flash CS4 et de l´AS3.

Qu'est-ce que je reçois ?

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation ! Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo. N'hésitez pas à nous contacter si vous avez des questions !

Compatible avec l’iPad, Android et HTML5

Formation téléchargeable

Fichiers source

ActionScript

Flash Professional

Dans le panier Téléchargement

Formations similaires

Trailer - ActionScript 3 : Les fondamentaux Le formateur Hervé Girolet vous présente "ActionScript 3 : Les fondamentaux".

Pour bien comprendre et appréhender la programmation en AS3, il est nécessaire de maîtriser son architecture et ses mécanismes. Dans ce chapitre le formateur développe les bases du langage.

Les fondamentaux de l'ActionScript 3
- La liste d'affichage est au coeur de la gestion des objets d'affichage. La compréhension de ces mécanismes est primordiale pour l'optimisation des développements.
  
  La liste d'affichage
  - Le langage ActionScript 3 est structuré autour de 2 changements radicaux par rapport aux anciennes versions AS1 et AS2 : la liste d'affichage et la refonte complète du système événementiel.
    
    Présentation de l'AS3
    
    03:11
  - Concept nouveau de l'AS3, la liste d'affichage permet la gestion efficace des objets d'affichage comme un clip, une image ou un composant.
    
    Structure de la liste d'affichage
    
    03:10
  - La méthode addChild permet de rajouter des objets dans la liste d'affichage.
    
    Ajout dans la liste d'affichage
    
    03:34
  - La liste d'affichage offre la classe Shape pour dessiner des formes géométriques et la classe Sprite pour servir de conteneur.
    
    Création d'objets d'affichage
    
    09:07
  - Plusieurs méthodes sont disponibles pour manipuler les objets dans la liste d'affichage. On peut ainsi permuter ou supprimer des objets.
    
    Manipulation dans la liste d'affichage
    
    11:25
  - Les objets d'affichage possèdent des propriétés que l'on peut manipuler avec ActionScript comme la position, la transparence ou la couleur.
    
    Propriétés des objets d'affichage
    
    06:37
  - Outre des objets présents dans un fichier Flash, il est possible de rajouter dans la liste d'affichage des fichiers externes grâce à la classe Loader.
    
    Chargement de fichiers externes
    
    07:09
  - Le rajout d'un objet chargé dans la liste d'affichage a une incidence sur la place qu'il occupe au sein de cette liste.
    
    Comprendre le processus de chargement
    
    02:32
- Le modèle évènementiel de l'AS3 a complètement été revu pour offrir aux développeurs un modèle unique et cohérent de gestion des évènements.
  
  Modèle évènementiel
  - Un écouteur d'évènement doit être attaché à un objet pour gérer les évènements auxquels il peut être soumis.
    
    Principe
    
    06:19
  - Tout en respectant les règles de l'AS3, il est néanmoins possible de garder ses habitudes d'intégration de l'AS2.
    
    Bouton à la mode AS2
    
    04:59
  - Le système de propagation des évènements permet une gestion beaucoup plus fine des évènements, notamment lorsque l'on a des actions affectées à des symboles imbriqués.
    
    Propagation
    
    06:32
  - Dans cette vidéo, le formateur utilise les propriétés Target et currentTarget de l'objet d'écoute pour accéder à l'objet qui a déclenché l'évènement dans une structure de clips imbriqués.
    
    Application pratique de la propagation
    
    04:36
  - Si les évènements sont automatiquement diffusés lors d'une action, il est également possible de les diffuser à partir d'autres objets.
    
    Diffusion d'évènement
    
    02:15
  - Il est possible d'attacher un écouteur d'évènement ENTER FRAME sur une occurrence de symbole.
    
    Evènement de type Event
    
    02:19
  - GetURL a disparu, longue vie à NavigateToURL !
    
    Accéder à une URL
    
    04:48
- L'ActionScript 3 étant un langage orienté objet, il se prête particulièrement bien à l'écriture du code dans des fichiers de classes externes.
  
  Classes ActionScript
  - Dans ce tutoriel, vous apprendrez à créer votre première classe AS3 et gérer depuis cette classe document le fonctionnement de votre animation.
    
    Classe Document
    
    10:00
  - Le comportement d'un objet d'affichage créé dans Flash peut être défini dans une classe de symbole.
    
    Symbole de classe
    
    06:26
  - Parfois il faut créer des instances de classe de symbole depuis un fichier Flash. Il faut alors fournir une référence de l'objet Stage pour pouvoir manipuler les objets sur la scène.
    
    Classe d'occurrence
    
    05:19
- AS3 propose de nouveaux types de Display Object. Dans cette série de tutoriels vidéo, le formateur passe en revue les plus marquants.
  
  Quelques Display Object
  - Cette classe permet de créer des objets SimpleButton à l'exécution. Pour ce mini projet, le formateur en organise les différentes classes en package.
    
    SimpleButton
    
    07:04
  - Dans ce tutoriel, le formateur rédige une classe destinée à créer les 4 états d'un objet SimpleButton.
    
    Organisation du package
    
    11:58
  - Grâce à la structure modulaire de l'organisation des classes de ce projet, il sera facile de réutiliser le code.
    
    Création de SimpleButton à l'exécution
    
    08:06
  - La classe TextField permet de créer un champ dynamique à l'exécution, mais d'autres classes du package flash.text sont disponibles pour affiner le formatage des textes.
    
    Formatage d'un objet TextField
    
    12:07
  - La classe AVM1 a pour objet de permettre le chargement de fichier AS2 dans un contexte de développement AS3, avec de nombreuses contraintes et restrictions.
    
    La classe AVM1
    
    06:42
  - La classe Local Connexion est implémentée en AS2 et AS3. Elle permet la communication entre des fichiers AVM1 et AVM2 dans les deux sens.
    
    Communication entre AVM1 et AVM2
    
    05:24
- ActionScript apporte un changement radical dans la gestion de données XML grâce à l'extension d'ECMAScript E4X. Il est alors plus facile d'accéder et de manipuler des données XML.
  
  XML et E4X
  - Avec E4X vous pouvez utiliser la syntaxe à points pour accéder naturellement aux données XML.
    
    Présentation de XML et E4X
    
    11:27
  - La classe URL Loader permet de charger des données tout en en spécifiant le format. Elle fournit également les méthodes nécessaires à la gestion du chargement.
    
    Chargement dynamique de données XML
    
    10:39
Un fichier SWF devant être entièrement chargé pour être accessible, il appartient au développeur d'en gérer les évènements et d'offrir aux utilisateurs les informations sur le chargement.

Gérer les chargements
- Pour les animations simples, il est possible de gérer le chargement du fichier SWF directement dans l'IDE de Flash en utilisant la propriété Loader Info associée à chaque DisplayObjetContainer.
  
  Chargement dans l'IDE de Flash
  
  13:13
- Flash est fourni avec des composants prêts à l'emploi assurant diverses fonctionnalités. Ici, le formateur utilise le composant ProgressBar pour assurer le chargement de fichiers externes.
  
  Chargement avec le composant ProgressBar
  
  11:21
- L'utilisation de classes externes est préférable pour gérer les fonctionnalités que vous voudrez réutiliser par la suite. Dans cette vidéo, le formateur développe pour vous la classe Barre Chargement.
  
  Utilisation d'une classe pour gérer le chargement
  
  09:16
- Dans des projets complexes, il est intéressant d'utiliser un chargeur commun entre plusieurs fichiers. De cette façon, la maintenance du projet est facilité.
  
  Partager un fichier de chargement : part 1
  
  09:08
- Dans ce tutoriel vidéo, le fichier de chargement commun est mis en place et permet une meilleur maintenance du chargement sur des projets complexes.
  
  Partager un fichier de chargement : part 2
  
  08:26
Si vous êtes sur des projets complexes, vous serez amené à optimiser le design technique de vos applications en utilisant des éléments partagés.

Optimiser ses projets AS3
- Le contenu des champs dynamiques est soumis à la présence d'une police sur le poste clients. Avec Flash, vous pouvez intégrer des polices dans votre fichier SWF.
  
  Polices embarquées dans l'IDE
  
  04:02
- Pour optimiser son projet, il est préférable de stocker les polices dans des fichiers SWF externes. De cette façon, une police peut être chargée qu'une seule fois pour plusieurs fichiers SWF.
  
  Chargement d'un fichier de polices
  
  09:55
- En externalisant vos médias dans des bibliothèques partagées, vous optimisez la maintenance de vos applications lors de projets complexes.
  
  Bibliothèques partagées
  
  09:03
- Disponibles depuis de nombreuses années dans Flash, les smartClip, ancêtres des composants, fonctionnent toujours en AS3. Ils vous permettent de réaliser facilement des movieClip intelligents.
  
  Utilisation de smartClip
  
  07:46
- Les fichiers SWC sont des fichiers compilés pouvant contenir des bibliothèques de fonctions réutilisables et que vous pouvez diffuser sans craintes qu'elles soient modifiées.
  
  Création de fichiers SWC
  
  07:30
Sans être développeur, il est important de comprendre les principes de base de la Programmation Orientée Objet (POO) dans vos projets AS3 pour optimiser au maximum ses possibilités.

Concepts de Programmation Orientée Objet
- Le problème majeur lorsque l'on travaille avec des fichiers de classes est le ciblage des différents objets, et l'accès aux classes de votre projet. Dans cette vidéo, le formateur prend un cas simple pour illustrer cette problématique.
  
  Ciblage de fonctions
  
  05:16
- En POO, il est possible d'étendre les classes natives pour rajouter les propriétés ou méthodes dont vous auriez besoin. La classe SimpleButton n'étant pas dynamique, il faut l'étendre pour en rajouter des propriétés.
  
  Etendre des classes natives
  
  05:30
- L'héritage permet à une classe de bénéficier des propriétés et méthodes de la classe dont elle hérite, tout en ayant sa propre autonomie.
  
  Héritage de classes
  
  03:18
Flash CS4 intègre un éditeur de code AS3 suffisant pour les développements courants ou les petits projets. Néanmoins, il existe des alternatives plus productives pour produire du code AS3.

Editeurs AS3
- Avec Flash CS4, le panneau Projet s'est enrichi de fonctionnalités permettant d'optimiser la gestion de projets en AS3.
  
  Panneau Projet de Flash CS4
  
  09:13
- Flex Builder est une application Adobe utilisant également le langage AS3. Il est possible d'utiliser cette application qui offre des fonctionnalités intéressantes pour les développeurs.
  
  Flex Builder dans des projets Flash AS3
  
  06:22
- Plusieurs éditeurs de code autonomes existent et sont souvent disponibles gratuitement. FlashDevelop en est un des plus intéressants par la richesse de ses fonctionnalités.
  
  FlashDevelop dans des projets Flash AS3
  
  07:34
- FlashDevelop est riche en raccourcis clavier qui vous permettront d'écrire efficacement du code ActionScript.
  
  Utilisation de FlashDevelop
  
  03:39
- FlashDevelop est ouvert au rajout de fonctionnalités sous forme de plugins disponibles sur le site du projet.
  
  Rajouter des plugins à FlashDevelop
  
  03:41
Flash est fourni avec une bibliothèque de composants permettant la mise en place de différentes fonctionnalités, liées souvent à l'exploitation de données, mais aussi la vidéo.

Utilisation des composants
- La mise en place d'un formulaire se fait le plus souvent dans IDE de Flash. Il faut alors renseigner les différents paramètres de chacun de ses composants.
  
  Création d'un formulaire
  
  04:32
- Pour chacun des composants d'un formulaire, il faut accéder à différentes propriétés que le formateur stocke dans un objet pour une exploitation ultérieure.
  
  Développement du formulaire
  
  09:21
- Le composant DataGrid est conçu pour afficher des données. Dans cette vidéo, le formateur utilise des données issues d'un fichier XML.
  
  Affichage de données avec un DataGrid
  
  06:58
- Dans ce mini projet, le formateur va utiliser plusieurs composants et un fichier XML pour structurer une application autour du composant FLVPlayback.
  
  Utilisation du composant FLV Playback
  
  08:49
- Dans cette partie, le formateur utilise la capacité qu'a le composant List à stocker des informations pour optimiser le flux de données de ce projet.
  
  Composant List et Texte Area
  
  08:58
- Dans cette application, le point central sera la gestion du son avec l'utilisation de plusieurs composants, notamment le composant Slider qui permettra la gestion du volume et de la balance.
  
  Application Lecteur MP3
  
  06:33
- Le composant List peut être alimenté par un DataProvider. Dans cet exemple, le DataProvider est une liste d'objets.
  
  Alimenter un composant List avec un DataProvider
  
  09:43
- Le composant Slider vous permet de définir des valeurs numériques. Ici, le formateur les utilise pour régler les propriétés de volume et de balance de l'objet Sound.
  
  Utiliser des composants Slider
  
  09:20
- La gestion du Sound en AS3 est relativement complexe puisqu'elle fait appel à plusieurs autres classes. Dans cette vidéo, les classes SoundChannel et SoundTransform permettent de gérer le volume et la balance.
  
  Gestion des propriétés de l'objet Sound
  
  07:57
Elargir le déploiement des ses développements vers des applications pour bureau autonomes, c'est ce que permet le moteur d'exécution AIR. Les spécificités de cette technologie sont abordées dans ce chapitre.

Applications locales avec AIR
- A partir d'un développement classique AS3, il est possible de rajouter des fonctionnalités AIR afin de bénéficier de cette technologie.
  
  Mise en place d'une application AIR
  
  08:55
- Le développement de l'application étant terminé, il faut renseigner les paramètres AIR pour générer le package d'installation de votre application.
  
  Création d'une application AIR
  
  09:51
- AIR autorise la fonctionnalité Glisser / Déposer entre une application externe et votre application AIR.
  
  Glisser / déposer : DragIn
  
  07:26
- Il est également possible de sortir un élément d'une application pour la déposer sur une cible.
  
  Glisser / déposer : DragOut
  
  02:58
- Dans ce tutoriel, vous apprendrez à réaliser un petit lecteur vidéo acceptant le Glisser / Déposer pour lire les vidéos voulues.
  
  Lecteur vidéo par Glisser / déposer
  
  08:18

Trailer - ActionScript 3 : Les fondamentaux

Le formateur Hervé Girolet vous présente "ActionScript 3 : Les fondamentaux".

Pour qui n’est pas développeur, l’AS3 n’a pas forcément simplifié les tâches courantes d’intégration. Ainsi, la souplesse qu'offre la liste d’affichage implique des concepts parfois ardus pour ceux qui utilisent Flash essentiellement pour réaliser des animations ou des produits interactifs simples.

Cette formation vidéo à la portée de tous aborde les concepts de l’ActionScript 3 par le biais d'une approche pragmatique, claire et efficace.

Vue d’ensemble de la formation :

Les fondamentaux de l'ActionScript 3

Les concepts nouveaux pour ceux qui connaissait l’AS1 et AS2 sont passés en revue, comme la liste d’affichage, le nouveau modèle événementiel, la notion de classe et de package et la gestion du XML avec E4X.

Gestion des chargements

Ce chapitre traite des multiples facettes que présente la gestion des chargements, fonctionnalité indispensable à mettre en place dans toute production Flash.

L’optimisation des projets AS3

Comment optimiser son travail et un flux de production en utilisant des polices embarquées, des bibliothèques partagées ou des fichiers compilés SWC ?

Concepts de Programmation Orientée Objet

Avec l’utilisation de ces quelques concepts, vous comprendrez mieux les possibilités offertes par la POO pour être encore plus efficace.

Utilisation des composants

Ce chapitre traite de cas pratiques utilisant les composants pour la réalisation de petites applications interactives, comme la réalisation d’un formulaire, la diffusion de son ou de vidéo.

Applications locales avec AIR

Élargir le déploiement de ses développements vers des applications autonomes pour bureau, c’est ce que permet le moteur d'exécution AIR. Les spécificités de cette technologie sont abordées dans ce chapitre.

Conditions requises

Connexion Internet DSL
Navigateur actuel avec le plug-in Flash
Résolution d’écran minimum : 1024x768
Carte son, haut-parleurs ou casque d’écoute
Pentium4 à partir de 2,6 GHz ou bien G4 à partir de 1 GHz

Compatible avec l’iPad, Android et HTML5

Consultez cette formation vidéo via nos applications mobiles pour iPad et Android !

Les vidéos de cette formation peuvent être lancées en ligne avec HTML5 au lieu de Flash avec les navigateurs compatibles (exemple : sur l’iPad et l’iPhone 4).

Vous pouvez également télécharger les vidéos de cette formation pour une consultation sur votre Smartphone ou votre tablette, si vous ne souhaitez pas utiliser nos applications mobiles.

Formation téléchargeable

La formation téléchargeable vous permet de visualiser votre formation sur Mac ou PC sans connection à Internet pour un confort d'utilisation optimal. Une fois téléchargée et décompressée, vous avez la possibilité de la graver si vous le souhaitez. La formation téléchargeable est disponible pour les abonnés au "Tutorium de luxe" ainsi que les utilisateurs ayant acheté la formation.

Fichiers source

Les fichiers source pour reproduire les exemples de cette formation sont disponibles en téléchargement individuel ou à l'intérieur de la formation téléchargeable. Vous pouvez ainsi refaire tous les exercices étape par étape et optimiser votre apprentissage ! Les fichiers source sont disponibles pour les abonnés au "Tutorium de luxe" ainsi que les utilisateurs ayant acheté la formation.

Mode : Apprendre et faire !

Vous avez le choix ! Soit vous apprenez en regardant la formation en mode plein écran, soit vous passez en mode Apprendre et faire ! par un simple clic. Ainsi, vous pouvez vous exercer sur votre ordinateur et regarder la formation en même temps.

Les signets

Pendant que vous regardez une formation vidéo, vous pouvez placer à tout moment vos propres signets, qui seront ensuite matérialisés par une barre orange sur la barre temps de votre formation. Le signet peut être un simple mot mais également une courte note. Une liste récapitulative vous permet de retrouver facilement vos signets lors des visionnages suivants.

Cool

Vincent – Tourcoing

Je suis etudiant et je remercie Hervé Girolet pour cette super formation. Je n ai pas encore eu le temps de tout apprendre mais j'en ai visionné les 3/4 et je suis plus que satisfait. Vincent

Excellent tutoriel

Marc V.

Commentaire sur la vidéo : Utilisation du composant FLV Playback

Merci pour ce tutoriel sur les outils de développement dans Flash CS4. A la fois clair et concis, ces tutoriaux sont un bon complément à l'aide fourni par ADOBE.

Mouais

Romain D.

Alors d'abord, bravo au formateur, qui à une belle prose, et éllocution. Il s'éfforce d'être clair et concis. Par contre niveau de la formation, je n'appelerai pas ça une formation. C'est la troisième vidéo que j'achète et la DERNIERE. On reste sur ça faim. Exemple : On vous montre comment faire pour créer un preloader an AS3. Mais par contre on vous dit pas comment l'utilisé pour un autre projet (vu que c'est une classe). Bref que des "trucs pas fini". Et du coup on reste comme on est arrivé, les boules en plus. Dommage. Je suis le bec dans l'eau.

Les clients ayant acheté cette formation ont également acheté