This page is not complete.
This part of the App Center provides guides to using tools, frameworks and libraries to speed up open web app development, and ideal workflows for testing and debugging. We are constantly looking to build up recommendations and workflows to help you get up and running with app development more effectively. If you want to participate, get in contact via mail or IRC (
chrismills is the best person to speak to there)
Note: This set of resources provides general information on tools and 3rd party code that will be useful to you when building open web apps/Firefox OS apps. If you are looking for specific solutions (such as offline or manipulating media), there are recommended frameworks, etc. in our Building Web apps pages.)
- App developer tools
- The page provides a summary of all the most useful Mozilla developer tools for app development.
- Using the app manager
- The Firefox OS app manager is our premier tool for debugging Firefox OS apps. This guide explains how to use it.
- App debugging workflow
Mozilla building blocks
- Web components and Mozilla Brick
- Mozilla Brick is a web component library, based on the X-Tag library, which allows easy usage of custom elements.
- Using app templates
- To help you get going with app development as quickly as possible, there are some template apps you can use as a basis for your own apps. This guide provides information on those templates, how to get them, and how to work with them.
- Building blocks
Cross-platform apps and build tools
- Cordova support for Firefox OS
- This article provides a basic introduction to Apache Cordova and explains how to use it to generate an open web app for installation on Firefox OS.
- Cordova Firefox OS plugin reference
- Reference showing sample code and examples for the Cordova plugins that currently support Firefox OS.
Common frameworks and libraries
- Working with Ember
- Working with Angular
- Working with Backbone
Testing and validation
- Validating web apps with the App Validator
- The Apps Validator is a tool designed to scan open web apps for problems and invalid code. By using a combination of various techniques and detection mechanisms, the validator is capable of being both efficient as well as thorough. This article explains how to use it.
- X-Tag and the web components specification family provide a means for us to define custom elements that will dealt with as first class citizens by the browser, rather than as an inefficient afterthought. This guide explains how they work.
- Custom elements
- This article describes some of the most useful custom elements available inside Mozilla's X-Tag library.