Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Developing for Firefox OS

Developing for Firefox OS

Introduction to Firefox OS and how to get started developing apps. Talk given at the 2013 Dutch Mobile Conference.

Sergi Mansilla

June 07, 2013
Tweet

More Decks by Sergi Mansilla

Other Decks in Technology

Transcript

  1. The gap is gone, and it’s time to move on.

    Why Firefox OS Friday, June 7, 13
  2. New mobile OS Leverages open web WebAPI standards No walled

    gardens Why Firefox OS Friday, June 7, 13
  3. No need to repurchase Higher quality apps No brand discrimination

    Device independence Why will users care? Friday, June 7, 13
  4. HTML5, CSS3, JavaScript Each site is an app Extreme flexibility

    Great tooling Developer bliss Friday, June 7, 13
  5. No developer fees No API breaks No need for a

    phone No dependencies Friday, June 7, 13
  6. Open web apps Built using standard web technologies Small additions

    to turn them into apps Responsive to adapt to any device Friday, June 7, 13
  7. Create a Firefox OS app 1. Develop web app using

    HTML5, JavaScript and CSS 2. Create an app manifest file 3. Publish the app Friday, June 7, 13
  8. Develop a web app Reuse any existing HTML5 website Use

    Web APIs for more options Make it responsive! Friday, June 7, 13
  9. OS/X: out of the box Windows: needs drivers Linux: follow

    instructions Push to device Running it in the simulator Friday, June 7, 13
  10. Verification needed Only Mozilla and vendors Types of apps No

    verification needed Unprivileged Web content Regular web apps Privileged More access More responsibility Certified Device-critical apps Friday, June 7, 13
  11. Regular APIs Vibration API (W3C) Screen Orientation Geolocation API Mouse

    Lock API (W3C) Open WebApps Network Information API (W3C) Battery Status API (W3C) Web Activities Push Notifications API WebFM API WebPayment IndexedDB (W3C) Ambient light sensor Proximity sensor Notification Friday, June 7, 13
  12. Privileged APIs Device Storage API Browser API TCP Socket API

    Contacts API systemXHR Friday, June 7, 13
  13. Certified APIs WebTelephony WebSMS Idle API Settings API Power Management

    API Voicemail Mobile Connection API WiFi Information API WebBluetooth Permissions API Network Stats API Camera API Time/Clock API Attention screen Friday, June 7, 13
  14. Hey I need an image! Sure, I can provide you

    with one! Web activities Friday, June 7, 13
  15. ZIP up your app Lose flexibility of the web But

    very easy! Use appcache Browser feature Caching assets Friday, June 7, 13
  16. manifest.appcache Specify HTML / CSS / JS Extra assets (images?)

    Prefer online Caching assets Friday, June 7, 13
  17. manifest.appcache Specify HTML / CSS / JS Extra assets (images?)

    Prefer online Caching assets Friday, June 7, 13
  18. manifest.appcache Specify HTML / CSS / JS Extra assets (images?)

    Prefer online Caching assets Friday, June 7, 13