- Cet formation est passé
Edge est un outil de développement Web développé par Adobe qui utilise les technologies HTML5, Javascript et CSS3 édité par Adobe. Il est disponible en téléchargement gratuit à partir d'Adobe Creative.
Objectifs : Le stagiaire à l’issue de la formation sera capable de concevoir des animations créatives et interactives pour tous les navigateurs et de maitriser les fonctions avancés de la gestion d'animations dans Edge Animate.
Formation disponible
présentiel, individuel
Comment souhaitez vous suivre cette formation ?
Cette formation est disponible en présentiel, à distance ou en cours individuels. Suite aux changements récents du fonctionnement des comptes CPF, si nos liens CPF renvoient sur une erreur temporaire, merci de nous contacter au 04 42 31 43 55
Nous n'avons actuellement pas de dates, merci de nous contacter pour plus d'informations
Comment souhaitez vous suivre cette formation ?
Cette formation est disponible en présentiel, à distance ou en cours individuels. Suite aux changements récents du fonctionnement des comptes CPF, si nos liens CPF renvoient sur une erreur temporaire, merci de nous contacter au 04 42 31 43 55
Nous n'avons actuellement pas de dates, merci de nous contacter pour plus d'informations
Gestion du code et de l’interactivité
• Utilisation du panneau code
• Accès au code et gestion des évènements
• Indication des erreurs de code dans l’interface Edge
• Debuggage dans la console web navigateur
• Utilisation additionnelle d’Adobe Edge Code
Javascript (éléments de syntaxe de base)
• Opérateur (arithmétiques, logiques, conditionnels...)
• Variables, functions, boucle, conditions, tableaux, objets
Méthodologie de programmation dans Edge
• Déclaration et utilisation de fonctions
• Ciblage d’éléments ou de symboles depuis un scénario
• Ciblage d’éléments ou de symboles depuis une fonction
• Charger une librairie JS externe
Instructions Jquery et JS pour manipuler les objets
• Modifier la variable d’un champ texte
• Temporiser une action
• Afficher / masquer un élément (hide() / show())
• Récupérer les positions du pointeur pour faire suivre un objet ou créer une animation parallaxe
• Cibler un objet via son évènement (e.target)
• Supprimer une instance de symbole posée manuellement
• Créer ou supprimer dynamiquement une instance de symbole et la placer sur la scène
• Fonctions d’animation Jquery courante (animate())
Gestion CSS
• Utiliser une feuille de style externe
• Récupérer les valeurs de propriétés CSS d’un objet
• Modifier les propriété d’affichage d’objets via des css
• Centrage global d’une animation EA dans la page html
• Modifier les dimensions de l’animation Edge (Stage)
• Utiliser un motif répété en background
• Utiliser des curseurs personnalisés via CSS
Les options supplémentaires
• Création d’une page adaptative via la bibliothèque Jquery Edge commons
• Propriété Curseur
• Code sur la time line
• Utiliser les fonctions de réorganisation d’objets
• Modifier l’opacité, les couleurs (contours, fond) d’un objet
• Redimensionner ou déformer un objet
• Utiliser la fonction de rotation ou d’inclinaison d’un objet
Les médias
• Formats vidéo et codecs
• Préparer 3 formats vidéo standards (méthodes/outils)
• Appel d’une fonction en fin de vidéo
• Réalisation d’un chapitrage vidéo
• Insertion d’une vidéo Youtube via une iframe
• Préparer les formats audio standards (méthodes/outils)
• Insérer du son via ia balise standard html5 audio
• Gestion du son via bibliothèque Jquery Edge commons
Évènement scroll
• Création d’une animation parallaxe basée sur la poistion du scroll (horizontale ou verticale)
Les plus
• Création d’une Lightbox via jQuery Edge commons
• Test avec Adobe Edge Inspect
