EdX

HTML5 Apps and Games (edX)

Offered by World Wide Web Consortium - W3C, W3Cx,
HTML5 Apps and Games (edX)

Today, developers are increasingly moving from native to HTML5-based apps. Increase your ability to design and deliver innovative services on the Web! 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.

Class Deals by MOOC List - Click here and see EdX's Active Discounts, Deals, and Promo Codes.

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!
This course is part of the Front-End Web Developer Professional Certificate Program.

What you'll learn:

  • Advanced multimedia features with the Track and WebAudio APIs
  • HTML5 games techniques
  • Web Components and Service Workers APIs
  • Persistence techniques for data storage including IndexedDB, File upload and download, Drag’n’Drop

Syllabus

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
  • IndexedDB
  • Conclusion on client-side persistence

Week 4: HTML5 Multimedia

  • Web Components
  • Web Workers
  • The Orientation and Device Motion APIs

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

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

HTML5 Coding Essentials and Best Practices (edX) EdX
World Wide Web Consortium - W3C,W3Cx

HTML5 Coding Essentials and Best Practices (edX)

CS: Software Engineering CS: Programming

Learn how to write Web pages and Web sites by mastering HTML5 coding techniques and best practices. HTML5 is the standard language of the Web, developed by W3C. For application developers and industry, HTML5 represents a set of features that people will be able to rely on for years to come. HTML5 is supported on a wide variety of devices, lowering the cost of creating rich applications to reach users everywhere.

Self Paced
Self-Paced
Programming HTML5 Coding
Details
Advanced Algorithmics and Graph Theory with Python (edX) EdX
Institut Mines-Telecom,IMTx

Advanced Algorithmics and Graph Theory with Python (edX)

CS: Software Engineering CS: Theory

Strengthen your skills in algorithmics and graph theory, and gain experience in programming in Python along the way. Algorithmics and programming are fundamental skills for engineering students, data scientists and analysts, computer hobbyists or developers. Learning how to program algorithms can be tedious if you aren’t given an opportunity to immediately practice what you learn. In this course, you won't just focus on theory or study a simple catalog of methods, procedures, and concepts. Instead, you’ll be given a challenge wherein you'll be asked to beat an algorithm we’ve written for you by coming up with your own clever solution.

Sep 4th 2023
5-12 Weeks
Programming Python Algorithms
Details
MATLAB et Octave pour débutants (edX) EdX
École Polytechnique Fédérale de Lausanne,EPFLx

MATLAB et Octave pour débutants (edX)

CS: Software Engineering CS: Programming

Premiers pas dans MATLAB et Octave avec un regard vers le calcul scientifique. Commencer à utiliser un logiciel est toujours délicat, on ne sait jamais par où commencer. Dans ce cours nous allons nous concentrer sur la maîtrise d’Octave et MATLAB, de façon à pouvoir par la suite continuer à apprendre de manière indépendante.

Self Paced
Self-Paced
Programming MATLAB Octave
Details
AP Computer Science A: Java Programming Loops and Data Structures (edX) EdX
Purdue University,PurdueX

AP Computer Science A: Java Programming Loops and Data Structures (edX)

CS: Software Engineering CS: Programming

AP Computer Science A from Purdue University. In this computer science course, you will learn the basics of programming in the Java language, and cover topics relevant to the AP Computer Science A course and exam. This course will cover repetition statements (for, while, do-while and for-each), the array data structure, methods and recursion.

No sessions available
5-12 Weeks
Programming Java Object-Oriented
Details
How to Win Coding Competitions: Secrets of Champions (edX) EdX
ITMO University,ITMOx

How to Win Coding Competitions: Secrets of Champions (edX)

Sci: Mathematics Statistics & Data Analysis

Enhance programming skills to boost your career and win prizes led by ITMO University, the only 6-time winner of the world’s top coding cup. Want to be the programmer hot tech companies are looking for? Take your programming skills to the next level and prove your excellence by learning how to succeed in programming competitions.

No sessions available
5-12 Weeks
Programming Coding Competition
Details
HTML5 and CSS Fundamentals (edX) EdX
World Wide Web Consortium - W3C,W3Cx

HTML5 and CSS Fundamentals (edX)

CS: Software Engineering CS: Programming

Learn how to build Web sites using HTML5 and basic CSS, directly from W3C, creator of the latest Web standards. Learn the basics of Web design and style to give your Web sites a professional look and feel. The Microsoft team and experts from the World Wide Web Consortium (W3C) will guide you step-by-step in how to use the latest Web standards to create a site to be proud of.

Self Paced
Self-Paced
CSS HTML5 Web Design
Details
The Beauty and Joy of Computing - AP® CS Principles Part 2 (edX) EdX
University of California, Berkeley,BerkeleyX

The Beauty and Joy of Computing - AP® CS Principles Part 2 (edX)

CS: Software Engineering Computer Science

A computer science principles course for anyone who wants to learn how to translate ideas into code. Discover the big ideas and thinking practices in computer science plus learn how to code using one of the friendliest programming languages, Snap! (based on Scratch).

No sessions available
13-24 Weeks
Programming Artificial Intelligence Computing
Details