We may earn an affiliate commission when you visit our partners.

HTML5 Apps and Games

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

Enroll now

Two deals to help you save

We found two deals and offers that may be relevant to this course.

Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Valid for a limited time only

Future-proof your career

Access O'Reilly books, live events, courses, and more. Save with an annual subscription.

Take

15%

off

What's inside

Learning objectives

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

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

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

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Explores advanced HTML5 multimedia features, which are standard in industry

Teaches HTML5 game development techniques, which helps learners pursue this career

Develops client-side persistence techniques, including IndexedDB, which are core skills in web development

Taught by Michel Buffa, who are recognized for their work in HTML5

Examines advanced HTML5 features, including Web Components, which is highly relevant to modern web development

Save this course

Save HTML5 Apps and Games to your list so you can find it easily later:

Save

Reviews summary

Html5 apps and games course overview

According to students, while the "HTML5 Apps and Games" course offers a good overview of recent standards and drafts in web development, learners say the course is actually more introductory than they were expecting. Some learners feel misled by the course name since they expected a more advanced dive. Despite this, learners say the course does touch on a wide variety of topics.

Course touches on many different aspects.

"it touches a number of different aspects (web components, html templates, sprites, IndexedDB, etc.)"

Course name does not accurately reflect content.

"I believe the name of this course is a bit misleading"

Course is more introductory than learners hoped.

"I expected the "Advanced Techniques" would be more deep dive into the technologies, but I feel it still is introductory."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in HTML5 Apps and Games with these activities:

Review HTML and CSS Basics

Show steps

Revising HTML and CSS basics will strengthen your foundation for advanced HTML5 concepts.

Browse courses on HTML

Show steps

Revisit core HTML tags and their attributes.
Refresh your understanding of CSS properties and selectors.
Practice writing a simple HTML and CSS document.

Join Study Groups for HTML5 Projects

Show steps

Engage in collaborative learning through study groups to reinforce and refine your understanding.

Show steps

Connect with fellow learners and form study groups.
Work together on HTML5 projects, sharing knowledge and providing feedback.
Participate in discussions and problem-solving sessions.

Interactive HTML5 Coding Challenges

Show steps

Engage in coding challenges to reinforce your understanding of advanced HTML5 techniques.

Show steps

Explore online platforms or resources that provide interactive HTML5 coding challenges.
Solve coding challenges covering various HTML5 features, such as multimedia, animation, and storage.
Debug and optimize your code to improve its efficiency.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Contribute to Open-Source HTML5 Projects

Show steps

Gain practical experience and contribute to the HTML5 community by joining open-source projects.

Show steps

Explore open-source repositories and identify projects related to HTML5.
Review project documentation and contribute to bug fixes, enhancements, or new features.
Interact with project maintainers and fellow contributors.

Explore Advanced Web Audio Techniques

Show steps

Enhance your knowledge of HTML5 Web Audio API by following guided tutorials.

Show steps

Identify online tutorials or courses that cover advanced Web Audio techniques.
Work through tutorials, learning about sound synthesis, manipulation, and effects.
Experiment with Web Audio API features in your own code.

Build a Simple HTML5 Game Prototype

Show steps

Create a hands-on project to apply your knowledge of HTML5 game development techniques.

Show steps

Design the concept and gameplay mechanics of your game.
Implement core game elements using HTML5 technologies, such as canvas, animation, and input handling.
Test and refine your game to ensure it's playable and engaging.

Develop a Website with Advanced HTML5 Features

Show steps

Apply your learning by creating a website that showcases advanced HTML5 capabilities.

Show steps

Plan and design the website, considering user experience and functionality.
Implement advanced HTML5 techniques, such as custom video players, 3D graphics, and drag-and-drop functionality.
Test and deploy your website to demonstrate your skills.

Participate in HTML5 Hackathons

Show steps

Challenge yourself and showcase your expertise by participating in HTML5 hackathons.

Show steps

Identify and register for relevant HTML5 hackathons.
Collaborate with a team or work solo to develop innovative HTML5 solutions.
Submit your project, compete, and receive feedback from industry professionals.

Career center

Learners who complete HTML5 Apps and Games will develop knowledge and skills that may be useful to these careers:

Web Developer

A Web Developer creates sites and applications that can be accessed through the internet on a variety of devices and platforms. They use programming languages to create code and mark-up language to provide the structure to a website. This course teaches the latest HTML5 tips and techniques, which is a necessary skill for Web Development. It builds on basic coding essentials, HTML5 fundamentals, and other similar courses, by teaching advanced multimedia features, game programming, and more.

See salaries and explore the career path for Web Developer

Game Developer

A Game Developer creates video games for a variety of platforms, including consoles, computers, and mobile devices. They work with artists, designers, and programmers to bring their games to life. This course is particularly relevant to this role, as it teaches the techniques and fundamentals of game programming with HTML5.

See salaries and explore the career path for Game Developer

Front-End Developer

A Front End Developer is responsible for the user interface and experience of a website or application. They work with designers to create a visually appealing and easy-to-use interface. This course is particularly relevant to this role, as HTML5 is vital to the creation of front-end web applications and mobile applications.

See salaries and explore the career path for Front-End Developer

Full-Stack Developer

A Full Stack Developer is a web developer who works with both the front and back end of a website or application. They are responsible for all aspects of the development process. This course is primarily focused on front-end development, which is an important skillset for a Full Stack Developer to have, in addition to back-end programming.

See salaries and explore the career path for Full-Stack Developer

Multimedia Developer

A Multimedia Developer creates and integrates multimedia content into websites, applications, and other digital products. They work with a variety of media, including images, audio, and video. This course is particularly relevant to this role, as HTML5 is widely used in multimedia applications.

See salaries and explore the career path for Multimedia Developer

Mobile Developer

A Mobile Developer creates applications for mobile devices, such as smartphones and tablets. They work with designers and programmers to create apps that are both user-friendly and functional. This course is particularly relevant to this role, as HTML5 is widely used in mobile application development.

See salaries and explore the career path for Mobile Developer

User Experience Designer

A User Experience Designer (UX Designer) is responsible for the overall user experience of a website or application. They work with designers and developers to create a user interface that is both visually appealing and easy to use. HTML5 is a key element of UX design, and this course will teach the latest HTML5 techniques for creating engaging and interactive user experiences.

See salaries and explore the career path for User Experience Designer

Information Architect

An Information Architect (IA) designs and organizes the structure and content of a website or application. They work with designers and developers to create a website that is easy to navigate and find information. HTML5 is a key element of IA, and this course will teach the latest HTML5 techniques for creating well-organized and easy-to-use websites.

See salaries and explore the career path for Information Architect

Web Designer

A Web Designer creates the visual appearance and layout of a website or application. They work with developers to ensure that the website is both visually appealing and functional. HTML5 is a key element in web design, and this course will teach the latest HTML5 techniques for creating engaging and interactive web pages.

See salaries and explore the career path for Web Designer

Quality Assurance Tester

A Quality Assurance Tester (QA Tester) tests software and applications to ensure that they are free of bugs and errors. They work with developers to identify and fix problems before the software is released to the public. HTML5 is a key element of QA testing, and this course will teach the latest HTML5 techniques for testing web applications and mobile applications.

See salaries and explore the career path for Quality Assurance Tester

Technical Writer

A Technical Writer creates documentation for software, products, and services. They work with engineers, designers, and other stakeholders to create documentation that is clear, concise, and easy to understand. HTML5 is a key element of technical writing, and this course will teach the latest HTML5 techniques for creating user-friendly and informative documentation.

See salaries and explore the career path for Technical Writer

Data Analyst

A Data Analyst collects, analyzes, and interprets data to help organizations make informed decisions. They work with data from a variety of sources, including databases, spreadsheets, and log files. HTML5 is a key element of data analysis for web-based projects, and this course will teach the latest HTML5 techniques for collecting, analyzing, and interpreting data.

See salaries and explore the career path for Data Analyst

Software Engineer

A Software Engineer applies the principles of computer science and mathematics to design, develop, maintain, and test software applications and systems. They create new applications, or make changes to existing software, to improve its functionality. They also research, design, implement, and test these applications. HTML5 is widely used in many applications, and an HTML5-focused course, like this one, may be helpful in boosting one's skillset.

See salaries and explore the career path for Software Engineer

Business Analyst

A Business Analyst (BA) gathers and analyzes business requirements to help organizations improve their processes and systems. They work with stakeholders to identify problems and opportunities, and to develop solutions that meet the needs of the business. HTML5 is a key element of business analysis for web-based projects, and this course will teach the latest HTML5 techniques for gathering and analyzing requirements, and for developing solutions that meet the needs of the business.

See salaries and explore the career path for Business Analyst

Project Manager

A Project Manager plans, organizes, and manages software development projects. They work with stakeholders to define the project scope, timeline, and budget. HTML5 is a key element of project management for web development projects, and this course will teach the latest HTML5 techniques for managing web projects successfully.

See salaries and explore the career path for Project Manager

Reading list

We've selected 17 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in HTML5 Apps and Games.

Core HTML5 2D Game Programming

Save

Practical guide to HTML5 game development. It covers everything from the basics of HTML5 to more advanced topics such as physics, AI, and multiplayer networking. The book is well-written and easy to follow, and it includes plenty of code examples.

HTML5 Apps and Games

What you'll learn

Two deals to help you save

What's inside

Learning objectives

Syllabus

Good to know

Save this course

Reviews summary

Html5 apps and games course overview

Activities

Career center

Reading list

Share

Similar courses