HTML5 Apps and Games

Today, developers are increasingly moving from native to HTML5-based apps. Increase your ability to design and deliver innovative services on the Web!

1687 次查看
  • 完成时间大约为 4
  • 高级
  • 英语


Advanced multimedia features with the Track and WebAudio APIs

HTML5 games techniques

More APIs, including Web Workers and Service Workers

Persistence techniques for data storage including IndexedDB, File System API and drag and drop


Want to learn advanced HTML5 tips and techniques? This is the course for you! Find out more about the powerful Web features that will help you create great content and apps.

This course is a natural follow up of HTML5 Coding Essentials and Good Practices. In this course, we continue the exploration of HTML5-based APIs, but also introduce some advanced features related to HTML5, such as Web components, advanced multimedia, audio for music and games, etc.

Like in the first course, you will learn by doing, study the interactive examples and have fun with proposed development projects. One of them will be to create an HTML5 game, so jump in and learn lots!


Week 1: Advanced HTML5 Multimedia

The Timed Text Track API
Advanced features for audio and video players
Creating tracks on the fly, syncing HTML content with a video
The Web Audio API

Week 2: Game Programming with HTML5

Basic concepts of HTML5 game development
A simple game framework
Time-based animation
Animating multiple objects, collision detection
Sprite-based animation
Game states

Week 3: HTML5 File Upload and Download

File API and Ajax / XHR2 requests
Drag and drop: basics
Drag and drop: working with files
Forms and files
Conclusion on client-side persistence

Week 4: HTML5 Multimedia

Web Components
Web Workers
The Orientation and Device Motion APIs


We recommend that students follow the 4 other W3Cx courses that are part of the FEWD program:

HTML5 & CSS Fundamentals
CSS Basics
HTML5 Coding Essentials and Good Practices
JavaScript Introduction

此外,您还能在所有设备上欣赏您的整个音乐资料库。免费畅听 3 个月,之后每月只需 ¥10.00。
Apple 广告
  • Coursera
  • edX
  • OpenLearning
  • FutureLearn
  • iversity
  • Udacity
  • NovoEd
  • Canvas
  • Open2Study
  • Google
  • ewant
  • FUN
  • IOC-Athlete-MOOC
  • World-Science-U
  • Codecademy
  • CourseSites
  • opencourseworld
  • ShareCourse
  • gacco
  • MiriadaX
  • openhpi
  • Stanford-Open-Edx
  • 网易云课堂
  • 中国大学MOOC
  • 学堂在线
  • 顶你学堂
  • 华文慕课
  • 好大学在线CnMooc
  • (部分课程由Coursera、Udemy、Linkshare共同提供)

© 2008-2020 CMOOC.COM 慕课改变你,你改变世界