firefoxos - a plataforma open web
DESCRIPTION
O FirefoxOS é o novo sistema operacional móvel da Mozilla, feito com HTML5, CSS, Javascript e outras tecnológias abertas. Conheça como funciona o sistema e descubra como criar seu primeiro aplicativo para esta nova plataforma.TRANSCRIPT
![Page 1: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/1.jpg)
Getting started!
GuilhermeFarias.com.br
![Page 2: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/2.jpg)
A web é a plataforma
![Page 3: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/3.jpg)
Tudo isso é HTML,CSS e Javascript
![Page 4: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/4.jpg)
Arquitetura do FirefoxOS
![Page 5: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/5.jpg)
1 Desenvolva seu webapp usando tecnologias da web aberta, HTML5, CSS,Javascript, WebGL e etc.
2 Crie um arquivo de manifesto de aplicativo
3 Publique/Instale o aplicativo
Por onde começar?
![Page 6: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/6.jpg)
Dúvidas durante o desenvolvimento?
![Page 7: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/7.jpg)
WebAPI
![Page 8: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/8.jpg)
![Page 9: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/9.jpg)
Documentação
![Page 10: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/10.jpg)
Ok, estou fazendo meu webapp e estou com duvidas quanto ao
desing?
https://marketplace.firefox.com/developers/
![Page 11: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/11.jpg)
Dúvidas com o design?
![Page 12: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/12.jpg)
![Page 13: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/13.jpg)
FirefoxOS Boilerplate
![Page 14: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/14.jpg)
![Page 15: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/15.jpg)
Quer simplificar ainda mais?
![Page 16: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/16.jpg)
yo firefox-os
![Page 17: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/17.jpg)
Arquivo de manifesto de aplicativo
![Page 18: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/18.jpg)
nomedoapp.webapp
Modelo básico
![Page 19: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/19.jpg)
Validador
![Page 20: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/20.jpg)
Testando o app
![Page 21: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/21.jpg)
Navegador
http://nightly.mozilla.org/
![Page 22: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/22.jpg)
Simulador
https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/
![Page 23: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/23.jpg)
Como usar o simulador?
![Page 24: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/24.jpg)
Aparelho
![Page 25: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/25.jpg)
Como posso distribuir meu app?
![Page 26: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/26.jpg)
Firefox Marketplace
![Page 27: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/27.jpg)
Submetendo o app
![Page 28: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/28.jpg)
Hospede seu próprio app
![Page 29: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/29.jpg)
Referências• https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS• https://marketplace.firefox.com/developers/• https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/
Apps• https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/
UX/Building_blocks• http://www.mozilla.org/en-US/styleguide/products/firefoxos/
icons/• https://wiki.mozilla.org/WebAPI• https://developer.mozilla.org/en-US/docs/Apps/Manifest• https://marketplace.firefox.com/developers/validator• http://nightly.mozilla.org/• https://addons.mozilla.org/en-US/firefox/addon/firefox-os-
simulator/
![Page 30: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/30.jpg)
Guilherme Farias
twitter.com/guikyslideshare.net/guikyguilhermefarias.com.brgithub.com/guilhermefariasmozillians.org/u/guilhermefarias
![Page 31: FirefoxOS - A plataforma Open Web](https://reader036.vdocuments.site/reader036/viewer/2022062405/55852727d8b42ada748b5294/html5/thumbnails/31.jpg)