Building apps for FirefoxOS

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

Transcript

1. ì   Building  apps  for  Firefox  OS  
2. Hello   ì  Hi,  I’m  Ruth   ì  Work  in  The  Lab  at  o2  (Telefonica)   ì  UX,  Design,  Front  End  Dev   ì  @rumyra  
3. But  what  the?   ì  It’s  an  OperaIng  System!   ì  (Mobile)  Device,  then  Gonk   ì  Firefox  rendering  engine  -­‐>  Gecko   ì  Otherwise  known  as  ‘Boot  to  Gecko’  
4. But  what  the?   ì  It’s  an  OperaIng  System!   ì  (Mobile)  Device,  then  Gonk   ì  Firefox  rendering  engine  -­‐>   Gecko   ì  Otherwise  known  as  ‘Boot   to  Gecko’  
5. Gaia   ì  Suite  of  web  apps   ì  Run  naIvely  on  device   ì  Can  boot  on  other   devices  (Raspberry  Pi)   ì  All  Open  Source  
6. Devices   Geeksphone   Foxconn  tablet  
7. Released!   ì  Mozilla,  Telefonica,  &   ZTE   ì  ‘ZTE  Open’   ì  €69   ì  Ebay   ì  This  country?  
8. ì   Devices  
9. No  device?   ì  Simulator:  Firefox  Add  On  
10. How  do  I  build  apps?  
11. How  do  I  build  apps?  
12. How  do  I  build  apps? ì  You  probably  already  have   ì  HTML,  CSS,  Javascript   ì  Other  web  technologies   ì  Simples!  
13. Anything  else?   ì  Manifest  –  root  of   app,  JSON  format   ì  Responsive  design   ì  Icons   ì  Offline    
14. New  technology   ì  HTML5  api’s   ì  GeolocaIon,   getUserMedia   ì  New  webAPIs  :D  
15. WebAPIs  (are  awesome)  
16. I’ve  made  an  app  –  now  what?   ì  Packaged  Apps  -­‐>   Mozilla  marketplace   ì  Hosted  Apps  -­‐>  Host   it  anywhere  (even   Github  pages)  
17. 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  
18. Thank  you   ì  Ruth  John   ì  @rumyra