Lynda – Migrating from Flash to Edge Animate-0daytown

Lynda – Migrating from Flash to Edge Animate

MP4 | AVC 504kbps | English | 1280×720 | 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
Lynda - Migrating from Flash to Edge Animate [repost]
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

Lynda - Migrating from Flash to Edge Animate [repost]