HTML5 for Flash Developers

WEBRip | English | MOV + Project files | 960 x 540 | AVC ~183 kbps | 15 fps

AAC | 96 Kbps | 48.0 KHz | 1 channel | 3h 16mn | 464.3 MB

Genre: Video Tutorial / Development, Programming

In this course, Lee Brimelow shows Flash developers how to create dynamic content in the browser using HTML5, CSS, and other related technologies. The course compares ActionScript and JavaScript and covers building animations using the Canvas element and CSS3 transitions, incorporating video and audio, and manipulating 3D content with WebGL.

Topics include:

* Understanding HTML5 browser support

* Creating class files and animation loops

* Comparing Canvas and BitmapData

* Drawing dynamic graphics

* Exploring DOM animation

* Understanding CSS3 design properties

* Using CSS animations and transforms

* Understanding WebGL

* Using Adobe Edge and the CreateJS library

Content:

Introduction 5m 10s

Welcome 39s

Using the exercise files 59s

Setting up your system 3m 32s

1. Overview of HTML5 9m 23s

What is HTML5? 5m 10s

Reviewing browser support for HTML5 1m 45s

Choosing HTML5 tooling 2m 28s

2. Transitioning from ActionScript to JavaScript 31m 12s

Comparing ActionScript and JavaScript 6m 26s

Exploring object-oriented programming in JavaScript 7m 17s

Creating class files 4m 39s

Creating animation loops 6m 3s

Using Modernizr for feature detection 3m 41s

Looking at helpful JavaScript resources 3m 6s

3. The Canvas Element 47m 15s

Comparing Canvas and BitmapData 4m 32s

Creating a Canvas "Hello World" 4m 17s

Drawing dynamic graphics 10m 30s

Working with states and transforms 5m 7s

Drawing images 6m 6s

Drawing sprite sheets 9m 28s

Animating Canvas elements 2m 45s

Using multiple Canvas elements 4m 30s

4. DOM Animation 14m 57s

What is the Document Object Model (DOM)? 3m 49s

Animating DOM elements 7m 50s

Choosing between Canvas and the DOM 3m 18s

5. Using CSS3 29m 36s

Overview of CSS3 4m 12s

Exploring CSS3 design properties 7m 40s

Animating using transitions 6m 22s

Using CSS animations 5m 2s

Using 2D and 3D transforms 6m 20s

6. Incorporating Audio and Video 19m 30s

Using the HTML5 video tag 6m 57s

Controlling video with JavaScript 4m 20s

Playing sounds with the audio tag 4m 15s

Looking at the future of web audio and video 3m 58s

7. Incorporating 3D with WebGL 19m 3s

Overview of WebGL 4m 19s

Getting started with three.js 10m 42s

Working with shaders and lights 4m 2s

8. Useful Tools and Frameworks 18m 8s

Animating using Adobe Edge 6m 39s

Using the CreateJS library 7m 16s

Creating HTML5 animation using Flash CS6 4m 13s

Conclusion 2m 35s