Advanced Adobe Edge Animate

Duration: 2 Days

Objectives

Adobe Edge Animate is a Flash alternative that allows creative professionals to animate artwork using HTML5, JavaScript, and CSS3. Edge uses a familiar Adobe interface, borrowing the workspace and user interface conventions of After Effects and Flash Professional. Our Advanced Edge course takes delegates beyond the point and click approach, with built in triggers, to enhance animations and build more complex interactions.

Pre-requisites

Attendance on the Introduction to Edge training course or equivalent knowledge.

Course includes

A comprehensive set of reference notes covering course topics, follow-up telephone support and, for training on Transmedia premises, lunch and refreshments.

Course outline

Introduction

  • Overview of symbols
  • Working with nested symbols
  • Building custom buttons
  • Overview of applying triggers to events
  • Controlling nested timelines
  • Working with the code panel
  • Loop the playhead for a set number of times

Javascript and jQuery

  • Overview
  • The building blocks of code:
    - variables
    - concatenation
    - conditonals
    - functions
    - loops
    - arrays
  • Testing your code
  • Working with the Edge API
  • Edge API Reference
  • Obtaining an Edge reference to an element
  • Obtaining a jQuery reference to an element
  • Adding events to the Stage
  • Embedding Google maps and YouTube video
  • Dynamically remove elements from the Stage
  • Add and style hyperlinks
  • Replace text
  • Handling keyboard events
  • Identifying specific keys via key codes
  • Handle logic and implement loops for repeated actions

Working with random values

  • Overview
  • Math.random()
  • Math.round()
  • Creating random ranges
  • Creating dynamic animations based on random values
  • Displaying random content

Drag and Drop

  • Creating a custom jQuery UI
  • Loading drag and drop with yepnope
  • Implementing drag and drop
  • Firing actions on completion
  • Restricting the drag area
  • Removing drag based on conditions
  • Exploring the jQuery drag documentation
  • Build a drag bar
  • Build an image gallery
  • Using the drag bar to control the gallery timeline

HTML and Data

  • Injecting HTML into the Edge composition
  • Bringing a Dreamweaver image map into Edge
  • What is Ajax?
  • Load data dynamically
  • Creating multiple symbols dynamically
  • Animating symbols with random speeds
  • Attaching user events to dynamic symbols
  • Removing dynamic symbols

Finally

  • Q&A
  • Where to go from here

Course Dates

London CentralLondon GreenwichBristol

London Greenwich

Dates Price Book Now
27 - 28 Nov £545 + VAT Book Now
See more dates...
All our courses run in London and Bristol, or can be tailored to requirements at your own offices. For alternative dates, please email or call us on 0208 269 4260
All prices are per person and are subject to VAT
15% discount for groups of four delegates.
10% discount for groups of three delegates.
(This offer applies for delegates on the same public scheduled course on the same date.)

Related Courses


"I just wanted to let you know that I've managed to replicate the steps you showed me in FileMaker on my organisation's database and have managed to get my invoicing layouts to work perfectly. Thank you very much! I've also been able to use some of the other things you showed me to good effect too so the course has already helped enormously. Just thought you should know :-)"

Julian Support

"Our trainer was calm, reassuring and passionate about the course."

Torpedo Group

"Absolutely top quality training and facilities."

National Museum of Wales



© Transmedia . 85 Tottenham Court Road, London, W1T 4TQ  UK . 0208 269 4260