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
