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

Building apps for FirefoxOS

Building apps for FirefoxOS

Full talk slides introducing how to start building apps for Firefox OS

Ruth John (Rumyra)

October 10, 2013
Tweet

More Decks by Ruth John (Rumyra)

Other Decks in Programming

Transcript

  1. Hello   ì  Hi,  I’m  Ruth   ì  Work  in

     The  Lab  at  o2  (Telefonica)   ì  UX,  Design,  Front  End  Dev   ì  @rumyra  
  2. But  what  the?   ì  It’s  an  OperaIng  System!  

    ì  (Mobile)  Device,  then  Gonk   ì  Firefox  rendering  engine  -­‐>  Gecko   ì  Otherwise  known  as  ‘Boot  to  Gecko’  
  3. But  what  the?   ì  It’s  an  OperaIng  System!  

    ì  (Mobile)  Device,  then  Gonk   ì  Firefox  rendering  engine  -­‐>   Gecko   ì  Otherwise  known  as  ‘Boot   to  Gecko’  
  4. Gaia   ì  Suite  of  web  apps   ì  Run

     naIvely  on  device   ì  Can  boot  on  other   devices  (Raspberry  Pi)   ì  All  Open  Source  
  5. Released!   ì  Mozilla,  Telefonica,  &   ZTE   ì 

    ‘ZTE  Open’   ì  €69   ì  Ebay   ì  This  country?  
  6. How  do  I  build  apps? ì  You  probably  already  have

      ì  HTML,  CSS,  Javascript   ì  Other  web  technologies   ì  Simples!  
  7. Anything  else?   ì  Manifest  –  root  of   app,

     JSON  format   ì  Responsive  design   ì  Icons   ì  Offline    
  8. New  technology   ì  HTML5  api’s   ì  GeolocaIon,  

    getUserMedia   ì  New  webAPIs  :D  
  9. I’ve  made  an  app  –  now  what?   ì  Packaged

     Apps  -­‐>   Mozilla  marketplace   ì  Hosted  Apps  -­‐>  Host   it  anywhere  (even   Github  pages)  
  10. Resources   ì  heps://addons.mozilla.org/en-­‐US/firefox/addon/firefox-­‐os-­‐ simulator/   ì  hep://manifest-­‐validator.com/   ì 

    heps://wiki.mozilla.org/WebAPI/  or   heps://developer.mozilla.org/en-­‐US/docs/WebAPI   ì  heps://developer.mozilla.org/en-­‐US/docs/Apps/Packaged_apps   ì  hep://www.12devsofxmas.co.uk/post/2012-­‐12-­‐27-­‐day-­‐2-­‐lets-­‐ make-­‐a-­‐firefoxos-­‐app