Objectifs
- Concevoir des contenus HTML5 interactifs avec Adobe Animate.
- Structurer un projet mêlant animation et JavaScript.
- Utiliser efficacement l'API CreateJS.
- Développer des interactions avancées.
- Produire des animations robustes et facilement maintenables.
Compétences visées
- Développer des animations interactives avec JavaScript.
- Exploiter l'API CreateJS.
- Structurer un projet Animate destiné au développement.
- Concevoir des interfaces interactives complexes.
- Produire des contenus HTML5 réutilisables.
Pré-requis
Avoir suivi la formation Adobe Animate : initiation ou maîtriser les bases d'Adobe Animate ainsi que les fondamentaux de JavaScript.
Quel profil ?
Développeurs, intégrateurs, webdesigners, motion designers techniques ou toute personne souhaitant développer des contenus interactifs HTML5.
Formations associées
Au programme de la formation
Adobe Animate : programmation et interactions
Concevoir une application interactive
- Identifier les différents types d'interactivité
- Concevoir un storyboard interactif
- Transformer une infographie statique en application interactive
- Adapter l'ergonomie aux différents usages
Structurer un projet Animate
- Organiser les scènes et les symboles
- Construire une architecture évolutive
- Préparer le projet pour le développement JavaScript
- Comprendre le code généré par Animate
JavaScript dans Adobe Animate
- Structure du document HTML5 Canvas
- Le fonctionnement de CreateJS
- Variables, fonctions et événements
- Manipuler les objets de la scène
- Utiliser la console pour déboguer
Développer les interactions
- Créer des boutons interactifs
- Afficher, masquer et animer des éléments
- Contrôler la timeline par le code
- Utiliser les labels et les séquences
- Créer des interfaces de navigation
Programmation avancée
- Utiliser les propriétés des objets
- Créer des variables globales et locales
- Mettre en œuvre des conditions et des boucles
- Créer des composants réutilisables
- Structurer le code en modules
Créer des projets interactifs
- Développer une infographie interactive
- Créer un mini serious game
- Construire une présentation interactive
- Créer une borne tactile ou un quiz
Publier et optimiser
- Optimiser les performances
- Préparer les exports HTML5
- Tester sur différents navigateurs
- Déployer un projet interactif
Comment se déroule la formation ?
Chaque notion est abordée de manière concrète, puis appliquée à travers des exercices et des cas pratiques. Les groupes sont limités à 8 participants pour favoriser les échanges et permettre un accompagnement adapté à chacun.
Un support pédagogique est remis à l'issue de la formation pour retrouver facilement les notions abordées.
Comment les acquis sont-ils évalués ?
En fin de parcours, une évaluation permet de mesurer l'atteinte des objectifs pédagogiques. Selon la formation, elle peut prendre la forme d'un questionnaire, d'un exercice pratique ou d'une certification.
Le suivi est formalisé par une feuille d'émargement et une évaluation des compétences.
Autres formations de la même catégorie
Apprenez à maîtriser les fondamentaux de Photoshop pour créer, retoucher et préparer des images destinées au Web et à l’impression en exploitant les outils modernes du logiciel et l’intelligence artificielle.
Passez du Print au Web en apprenant à concevoir des maquettes responsive avec Photoshop et à préparer efficacement vos ressources pour l’intégration.
Découvrez les bases du montage vidéo avec Adobe Premiere Pro et réalisez vos premiers projets destinés au Web, aux réseaux sociaux et à la diffusion professionnelle.
Apprenez à créer des animations interactives en HTML5 Canvas avec Adobe Animate et réalisez des contenus destinés au Web, à la publicité, aux bornes interactives et aux applications.
Apprenez à concevoir des newsletters professionnelles, compatibles avec les principaux logiciels de messagerie et adaptées aux différents formats d’écran.
Développez une stratégie d’e-mail marketing performante, automatisez vos campagnes et analysez leurs résultats afin d’améliorer durablement votre taux de conversion et votre retour sur investissement.
Apprenez à créer une chaîne YouTube professionnelle, produire des contenus adaptés à votre audience et développer votre visibilité grâce aux bonnes pratiques de référencement, de publication et d’analyse.
Construisez une stratégie social media cohérente, développez votre présence sur les principaux réseaux sociaux et créez des contenus capables de renforcer votre visibilité, votre engagement et votre image de marque.
Apprenez à rédiger des contenus clairs, engageants et optimisés pour le Web afin d’améliorer leur visibilité, leur lisibilité et leur efficacité auprès des internautes comme des moteurs de recherche.
Apprenez à animer une communauté, produire des contenus adaptés aux réseaux sociaux, gérer les interactions et mesurer les performances de vos actions.
