Lynda - Migrating from Flash to Edge Animate

MP4 | AVC 504kbps | English | 1280x720 | 30fps | 2h 27mins | AAC mono 128kbps | 554 MB

Genre: Video Training

Are you an experienced Flash developer feeling stranded or left behind by the shift to HTML5, CSS, and JavaScript? There's hope yet, in the form of Edge Animate, which translates Flash's ease of use into code. Watch this course and learn how to make the connections between developing in Flash and in Edge Animate, and then make the leap to a more modern web development workflow. Jake Ströh explains how the web has evolved away from Flash, while pointing out key similarities and differences in Edge Animate that make migrating at times both smooth and challenging. He shows how to re-create a simple Flash banner ad inside of Edge Animate, walking through tasks that should be familiar to Flash developers, like keyframing parameters and working with symbols and nested timelines.

Text, audio, and video work differently in Edge Animate, so Jake also spends time on those techniques. Then he'll work through the process of developing an interactive mobile prototype that accepts input from touch screens. When you're done, you should have the tools you need to migrate to Edge Animate and start building web projects that live up to modern standards.

Topics include:

* Understanding the history of Flash and the evolution toward HTML5

* Comparing the interface, keyframing, and asset management

* Re-creating a Flash project in Edge Animate

* Working with web fonts and CSS font styles in Edge Animate

* Adding interactivity with JavaScript actions

* Working with HTML5 video

* Developing for touch screens

* Converting SWFs to HTML5 with third-party tools

Introduction

Welcome

Using the exercise files

1. Why Flash? Why Edge?

A history and comparison of Flash and Edge Animate

2. Interface and Animation Workflows

Comparing Flash and Edge Animate interfaces

Importing and managing assets

Animating keyframes

Working with symbols

Animating symbols and previewing the animation

Utilizing Orient to Path

3. Working with Text

Working with text in Edge Animate

Customizing text styles

Revealing text with clipping

4. Interactivity with Edge

Comparing JavaScript and ActionScript 3.0

Working with the code window

Understanding timeline interactions

Creating button rollovers and timeline labels

Targeting symbol timelines with JavaScript actions

5. Re-creating a Flash project in Edge Animate

Reviewing an existing Flash project

Re-creating a Flash document in Edge Animate

Importing and managing project content

Creating and placing elements on the stage

Creating symbols, groups, and animations

Working with buttons and instances

Creating the image gallery

Exporting the project

How Edge Animate and Flash implement content on the web

6. Working with Video

How video and HTML5 work together

Working with video in an Edge Animate project

7. Thinking Differently

HTML5 Canvas in Flash

Converting SWFs to HTML5 using Swiffy

Working with other Adobe Edge products

Conclusion

Next steps