Natal Nerd - Aplicações Web Progressivas com Frameworks JS

Natal Nerd - Aplicações Web Progressivas com Frameworks JS

Não consegui apresentar pois tive pedra no rim mas segue o slide :(

Fcfcfbcdbe8543b6d76c7566d6e1693c?s=128

Ana Luiza Portello

December 20, 2017
Tweet

Transcript

  1. 5.

    APLICATIVOS NATIVOS Vantagens • Interface • Recursos • Performance Desvantagens

    • Alto custo • Difícil desenvolvimento Fonte:http://gold-group.com/2013/08/02/mobile-web-and-mo bile-apps-7-must-know-mobile-marketing-terms/
  2. 7.

    APLICATIVOS HIBRIDOS Vantagens • Suporta múltiplas plataformas • Fácil desenvolvimento

    • Menor custo Desvantagens • Interface • Performance • Funcionalidades Fonte:http://gold-group.com/2013/08/02/mobile-web-and-mo bile-apps-7-must-know-mobile-marketing-terms/
  3. 9.
  4. 11.

    APLICATIVO WEB(WEBAPP) Vantagens • Suporta múltiplas plataformas • Fácil desenvolvimento

    • Fácil Acesso • Baixo custo • Atualizações instantâneas Desvantagens • Conexão • Falta de recursos ◦ NFC, Bluetooth • Não há engajamento • Interface Fonte:http://gold-group.com/2013/08/02/mobile-web-and-mobil e-apps-7-must-know-mobile-marketing-terms/
  5. 12.

    Fonte: https://pt.stackoverflow.com/questions/153860/o-que-s%C3%A3o-progressive-web-apps • Responsivo • Próximo de um Aplicativo de

    Celular • Independente de conexão • Alto Engajamento • Instalavel • Fácil de localizar • Atualizado • Uso de links • Progressivo • Seguro
  6. 14.
  7. 18.

    RECURSOS WEB • HTML Media Capture: Entrada de cameras, microfones

    e arquivos dentro do HTML. • HTML5 Geolocation: Interface para adquirir localização geografica. • Orientation Event: Orientação física do celular e movimentações • WebRTC: Chamadas de vídeo e áudio em tempo real • NFC • Bluetooth
  8. 21.
  9. 23.
  10. 24.
  11. 25.
  12. 28.

    CACHE FIRST { listSpeaker: [ … { Name: Ana Bastos

    Email: hello@anabastos.me FavoriteThings: [‘Computer’, ‘Fidget Spinner’, ‘Kindle’] }, … ] }
  13. 31.
  14. 35.
  15. 36.
  16. 39.
  17. 40.
  18. 41.
  19. 46.
  20. 48.

    • VUE-CLI PWA TEMPLATE • CREATE REACT APP PWA •

    ANGULAR CLI (SERVICE WORKERS PWAS WITH ANGULAR CLI)
  21. 50.
  22. 52.