Advanced Adobe Edge Animate

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