$30 off During Our Annual Pro Sale. View Details »

FirefoxOS - A plataforma Open Web

FirefoxOS - A plataforma Open Web

O FirefoxOS é o novo sistema operacional móvel da Mozilla, feito com HTML5, CSS, Javascript e outras tecnologias abertas. Conheça como funciona o sistema e descubra como criar seu primeiro aplicativo para esta nova plataforma.

Guilherme Farias

August 15, 2013
Tweet

More Decks by Guilherme Farias

Other Decks in Programming

Transcript

  1. Getting started!
    GuilhermeFarias.com.br

    View Slide

  2. A web é a plataforma

    View Slide

  3. Tudo isso é HTML,
    CSS e Javascript

    View Slide

  4. Arquitetura do FirefoxOS

    View Slide

  5. 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?

    View Slide

  6. Dúvidas durante o
    desenvolvimento?

    View Slide

  7. WebAPI

    View Slide

  8. View Slide

  9. Documentação

    View Slide

  10. Ok, estou fazendo meu webapp e
    estou com duvidas quanto ao
    desing?
    https://marketplace.firefox.com/developers/

    View Slide

  11. Dúvidas com o design?

    View Slide

  12. View Slide

  13. FirefoxOS Boilerplate

    View Slide

  14. View Slide

  15. Quer simplificar ainda mais?

    View Slide

  16. yo firefox-os

    View Slide

  17. Arquivo de manifesto de
    aplicativo

    View Slide

  18. nomedoapp.webapp
    Modelo básico

    View Slide

  19. Validador

    View Slide

  20. Testando o app

    View Slide

  21. Navegador
    http://nightly.mozilla.org/

    View Slide

  22. Simulador
    https://addons.mozilla.org/en-US/firefox/addon/firefox-os-
    simulator/

    View Slide

  23. Como usar o simulador?

    View Slide

  24. Aparelho

    View Slide

  25. Como posso distribuir
    meu app?

    View Slide

  26. Firefox Marketplace

    View Slide

  27. Submetendo o app

    View Slide

  28. Hospede seu próprio app

    View Slide

  29. 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/

    View Slide

  30. Guilherme Farias
    twitter.com/guiky
    slideshare.net/guiky
    guilhermefarias.com.br
    github.com/guilhermefarias
    mozillians.org/u/guilhermefarias

    View Slide

  31. View Slide