- Platform
- edX
- Provider
- World Wide Web Consortium (W3C)
- Effort
- 6-8 hours/week
- Length
- 4 weeks
- Language
- English
- Credentials
- Paid Certificate Available
- Part of
- Course Link
Overview
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!
What you'll learn
Taught by
Michel Buffa
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!
What you'll learn
- 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
Syllabus
Week 1: Advanced HTML5 Multimedia
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
- Basic concepts of HTML5 game development
- A simple game framework
- Time-based animation
- Animating multiple objects, collision detection
- Sprite-based animation
- Game states
- File API and Ajax / XHR2 requests
- Drag and drop: basics
- Drag and drop: working with files
- Forms and files
- IndexedDB
- Conclusion on client-side persistence
- Web Components
- Web Workers
- The Orientation and Device Motion APIs
Taught by
Michel Buffa