A week ago we announced a series of video tutorials around creating HTML5 apps for Firefox OS. Now we released all the videos and you can watch the series in one go.

Photo by Olliver Hallmann

The series is aimed at web developers who want to build their first HTML5 application. Specifically it is meant to be distributed in the emerging markets, where Firefox OS is the first option to get an affordable smartphone and start selling apps to the audiences there.

Over the last week, we released the different videos of the series – one each day:

• What makes a good HTML5 App? – It is more than a web site in a wrapper
• The App Manifest – turning a web page into an app with a simple JSON object
• The App manager and Firefox OS simulator – how to get started testing what your app looks like on a Firefox OS device and understanding the packaging format
• Testing on a real device – how to connect a phone to your computer and debug applications remotely
• Publishing to Marketplace – how to get your app listed so people can find it on their devices and the web
• Web APIs – how to access the hardware of a Firefox OS device from JavaScript
• Web Activities – how to build a ecosystem of apps on a device and how to use capabilities of other apps in your own
• Push Notifications – how to wake up apps remotely when new information is available for them
• Working offline – how to use AppCache, LocalStorage and IndexedDB to give users a real app experience
• Where to learn more – tells you how to get in contact with us and resources to go to.

Yesterday we announced the last video in the series. For all of you who asked for the whole series to watch in one go, you now got the chance to do so.

There are various resources you can use:

• The “App Basics for FirefoxOS” MDN page listing all the videos with explanations, links to resources and extra information
• The code examples of the series on GitHub
• All the videos in order as a YouTube playlist
• A single video version of the series on YouTube
• An HTML5 version with downloadable videos on GitHub
• Codefirefox.com has the series as a course outline available for you alongside other screencasts how to get involved in building developing with Mozilla

What’s next?

There will be more videos on similar topics coming in the future and we are busy getting the videos dubbed in other languages. If you want to help us get the word out, check the embedded versions of the videos on Codefirefox.com, where we use Amara to allow for subtitles.

Speaking of subtitles and transcripts, we are currently considering both, depending on demand. If you think this would be a very useful thing to have, please tell us in the comments.

Thanks

Many thanks to Sergi, Jan, Jakob, Ketil, Nathalie and Anne from Telenor, Brian Bondy from Khan Academy, Paul Jarrat and Chris Heilmann of Mozilla to make all of this possible. Technologies used to make this happen were Screenflow, Amazon S3, Vid.ly by encoding.com and YouTube.