Adobe Edge Animate: Essentials and Advanced Bundle

Module 1 – Getting StartedIntroducing Edge Animate
What You Can Do with Edge Animate
Installing Edge Animate
Edge Animate vs. Flash Professional
Opening & Saving Your First Project
Touring the Interface
Customizing & Saving WorkspacesModule 2 – Creating Content

The Stage & Stage Properties
The Rectangle Tool & Rectangle Properties
Transforming Elements
Selecting, Copying & Pasting Elements
Aligning, Distributing & Arranging Elements
Exploring the Elements Panel
Creating Text Elements

Module 3 – Animating in The Timeline

The Timeline
Working with Timeline Label & Controls
Transition Techniques
Animating with the Pin Tool
Editing Transitions
Intro to Animation Easing
Transition Easing Controls

Module 4 – Working With Symbols

Intro to Edge Animate Symbols
Creating Symbols
Editing & Animating Symbol Instances
Symbol Editing Mode & Nested Symbols
Building the Clock Animation

Module 5 – Adding Interactivity With Javascript

About Adding Interactivity
Elements, Triggers & Actions
Triggering Actions in Other Elements
Stage & Timeline Triggers & Actions
Editing & Deleting Triggers & Actions
Creating an Interactive Slideshow Part 1
Creating an Interactive Slideshow Part 2

Module 6 – Publishing

Publishing Overview & Preparation
Publish Settings & Options
Accommodating Older Browsers
Closing Credits

Module 1 – Working with AssetsImporting Content from Adobe Illustrator
Importing Content from Adobe Photoshop & Flash
Exporting & Importing Symbol Libraries
Using Adobe Web Fonts
Using Custom Web Fonts
Adding Web Fonts to Your Composition
Making Text Elements Scale in Position
Making Shape Elements Scale in PositionModule 2 – Advanced Animation Techniques

Copying & Pasting Properties in the Timeline
Using the Paste Special Options
Scaling Animations in Size & Position
Animating a Filmstrip Slideshow
Looking at Advanced Slideshow Elements
Adding Button Controls to a Slideshow
Previewing the Slideshow Transitions Project
Adding Transitions & Interactivity to the Slideshow

Module 3 – Adding Interactivity with JavaScript Actions

About JavaScript
How JavaScript Works within Edge Animate
Edge Animate Actions, Triggers & Events
Survey of Important Edge Events
JavaScript Syntax
Script Comments
Linking to Other Web Pages
Changing the Mouse Cursor
Creating an Animated Button Rollover
Creating Animated Button Symbols

Module 4 – Advanced Symbol Techniques

Previewing the Project
Nesting & Looping Animations
Controlling Animated Symbols with ActionScript

Module 5 – Styling Pages

CSS Explained
Creating a Style Sheet
CSS Designer Overview

Module 6 – Preloaders, Responsive Design & Integration

Adding a Preloader
Creating Responsive Background Images
Setting Min W & Max W
Integrating with Dreamweaver CC
Integrating with Dreamweaver CS6
Closing Credits