Desenvolvimento de aplicativo da Web progressivo por exemplo Tenho o prazer de anunciar meu mais recente livro de desenvolvimento web, Desenvolvimento progressivo de aplicativos da Web por exemplo . O livro apresenta 10 capítulos cobrindo tudo, desde o que são aplicativos da web progressivos, como controlar a adição à experiência de tela inicial, como HTTPS funciona e 6 capítulos sobre como trabalhar com prestadores de serviço e um capítulo sobre ferramentas PWA.

Produzindo um recursos como esse levam tempo e, quando você está escrevendo sobre um tópico fluido, como aplicativos da web progressivos, o alvo se move. Isso certamente aconteceu com aplicativos da web progressivos. Desde que comecei a escrever conteúdo, tanto a Microsoft quanto a Apple enviaram suporte para service workers e alguns adicionaram suporte à tela inicial.

Por um tempo limitado, Packt está oferecendo meu livro e todos os seus outros grandes títulos, tanto livro quanto vídeo, por apenas US $ 10 !. Se você deseja uma versão do e-book de Desenvolvimento progressivo de aplicativos da Web por exemplo agora é um ótima oportunidade de agarrar por um preço incrível!

–>

O Google também atualizou o suporte para adicionar à tela inicial e fez atualizações significativas no Ferramenta de caixa de trabalho .

Essas atualizações, junto com o mergulho profundo no mundo dos prestadores de serviço, proporcionaram uma experiência muito interessante na criação de conteúdo e aplicativos de amostra.

Isso mesmo, existem três aplicativos de exemplo diferentes!

  • 2048 -um jogo simples e divertido
  • Podster -um exemplo de aplicativo de podcast
  • Ingressos PWA -um aplicativo simples de compra e gerenciamento de ingressos para eventos

Cada um desses aplicativos conduz você por uma progressão de complexidade no que se refere a aplicativos da web progressivos. Escrevi sobre o aplicativo para 2048 no início deste ano . É um site simples de 1 página e possui uma quantidade mínima de ativos para gerenciar. Adoro esses tipos de aplicativos para familiarizar os desenvolvedores com o funcionamento dos aplicativos da web progressivos,

podcast-page O aplicativo Podcast eleva o nível das coisas ao utilizar mais do ciclo de vida do service worker e apresenta estratégias intermediárias de gerenciamento de cache. Tenho que admitir que decidi escrever este aplicativo em resposta a um comentário feito em uma de minhas entrevistas ao DotNetRocks alguns anos atrás. O comentarista disse que a web não era rica em recursos e não podia suportar aplicativos simples como um aplicativo de podcast.

Não é o que eu chamaria de exemplo pronto para produção, mas serve ao propósito de que eu precisava para esclarecer o ponto. Honestamente, acho que se eu passasse mais uma semana no projeto, poderia ter uma solução semelhante ao app de Stitcher. Mas serve ao propósito de demonstrar os conceitos que eu queria cobrir nos primeiros capítulos focados no prestador de serviço.

Esses capítulos enfocam o ciclo de vida do prestador de serviço, que considero o aspecto mais negligenciado dos prestadores de serviço e mal compreendido.

Os próximos capítulos apresentam os conceitos básicos de cache do service worker. Isso inclui como usar o ciclo de vida para pré-armazenar em cache os ativos primários e criar algumas regras básicas de cache dinâmico e gerenciamento de resposta.

O último aplicativo é um pouco mais complexo. Não apenas demonstra conceitos de armazenamento em cache do service worker mais complexos. O principal recurso que tentei enfatizar foi a invalidação de cache sofisticada. Por exemplo, como limitar quantos itens são retidos em um cache nomeado ou por quanto tempo respostas específicas podem ser armazenadas em cache.

O trabalhador de serviço de aplicativo também intercepta solicitações de rede e as renderiza no trabalhador de serviço, sem atingir a rede.

Os dois últimos capítulos enfocam a otimização do desempenho do aplicativo e o uso de ferramentas para ajudá-lo a automatizar seu PWA e garantir a qualidade do aplicativo. Essas ferramentas são:

  • WebHint
  • PWA Builder
  • Lighthouse
  • Caixa de trabalho

Todas as quatro ferramentas são módulos de nó com interfaces de linha de comando. Isso significa que eles podem ser incluídos em seus processos contínuos de construção ou construção.

O aplicativo Ticket também usa fakerjs e json-server . Isso tornou o desenvolvimento local muito mais fácil, mas dificultou um pouco mais o envio para a produção, já que não uso mais servidores e migrei para uma infraestrutura totalmente sem servidor. Espero ter algum tempo para mudar isso em breve.

O código-fonte de cada aplicativo está disponível em GitHub .

O preço do Kindle é $ 31,99 e o livro físico $ 39,99 .

Compartilhe este artigo com seus amigos!

Source link

Categories: Wordpress