GoConqr has a new look! Let us know what you think.

Mind map

Web Progressiva

Douglas Sutil Portuguese

Map content

Web Progressiva

  1. Surgiram para dar uma melhor experiência ao usuário em aplicativos

  2. Não exigem instalação do aplicativo pelo usuário

  3. São carregados com rapidez mesmo em redes instáveis

  4. Trabalham com notificação de push

  5. Tela de navegação fullscreen

  6. Ícone na área de trabalho do usuário

  7. Características

    • Responsivo - Se adequa a qualquer formato: desktop, celular, tablet ou o que for inventado a seguir.
    • Independente de conectividade - Aprimorado com service workers para trabalhar off-line ou em redes de baixa qualidade.
    • Semelhante a aplicativos - Parece com aplicativos para os usuários, com interações e navegação de estilo de aplicativos, pois é compilado no modelo de shell de aplicativo.
    • Atual - Sempre atualizado graças ao processo de atualização do service worker.
    • Seguro - Fornecido via HTTPS para evitar invasões e garantir que o conteúdo não seja adulterado.
    • Descobrível - Pode ser identificado como "aplicativo" graças aos manifestos W3C e ao escopo de registro do service worker, que permitem que os mecanismos de pesquisa os encontrem.
    • Reenvolvente - Facilita o reengajamento com recursos como notificações push.
    • Instalável - Permite que os usuários "guardem" os aplicativos mais úteis em suas telas iniciais sem precisar acessar uma loja de aplicativos.
    • Linkável - Compartilhe facilmente por URL, não requer instalação complexa.
  8. Problemas

    • Nem todo navegador suporta.
  9. Service Worker

    • É um script que seu navegador executa em segundo plano, separado da página da Web, possibilitando recursos que não precisam de uma página da Web ou de interação do usuário
    • Recursos
      • notificações push
      • sincronização em segundo plano
    • É um JavaScript Worker
      • Não consegue acessar o DOM diretamente
      • Pode se comunicar com as páginas que controla respondendo a mensagens enviadas pela interface postMessage. Essas páginas podem manipular o DOM, se necessário.
    • O service worker é um proxy de rede programável, permitindo controlar como as solicitações de rede da página são tratadas.

Information

Description
Mind Map on Web Progressiva, created by Douglas Sutil on 21/05/2019.
Created by
Douglas Sutil
Views
0
Rating

Feedback

What is it about?

What do you think of the new look?

How do you like it?