Coding Glamour have a short introduction to Firefox OS apps with AngularJS, by creating an application boilerplate for writing great looking and structured mobile applications. Things addressed in this app :

ffos1

  • Routing for bookmarkable segments in the application
  • Separation in controllers, views and services through AngularJS
  • Incorporating a UI library with the Firefox OS building blocks, that was also used to build the core UI layer (how is that for native!)
  • Animations between views (slide and modal, plus reverse), optimized to also run smooth on low spec phones
  • Compatibility to also run on Android, iOS and desktop browsers
  • Example app manifest + cache manifest for offline usage
  • RequireJS build system for javascript combination / minification

In general we have tried to give you a quick start to get building great Firefox OS applications. Good thing here is that you will get cross platformability (is that a word?) as a free bonus, as long as you don’t use any of the WebAPI’s to access native phone features.

You can find source of the application at https://github.com/comoyo/ffos-list-detail