Hoje tenho o prazer de anunciar meu mais recente aplicativo da web progressivo (PWA), o JavaScript Calculator PWA. javascript-pwa-calculator-add-to-home-screen

Assim como o Hextris de ontem, este é um fork de um repositório GitHub. O aplicativo de calculadora original foi escrito por Jue Jin . O texto e os comentários estão em chinês, eu acho. Os números são bem números e esse é o aspecto mais importante por enquanto.

Esta é uma calculadora simples baseada em JavaScript que se parece com a calculadora nativa do iOS. Não há funções matemáticas’avançadas’disponíveis, pelo menos ainda não. Talvez eu adicione mais ao aplicativo mais tarde.

Como {Hextris] (https://love2dev.com/blog/pwa-hextris/), o código não está de acordo com meus padrões pessoais, mas meu primeiro objetivo era torná-lo um aplicativo da web progressivo.

O aplicativo usa Zepto , uma biblioteca semelhante ao jQuery muito leve. Thomas Fuchs, da vizinha Filadélfia, é o criador.

O código-fonte está disponível no [GitHub] (https://github.com/docluv/sCalc). Sinta-se à vontade para cloná-lo ou bifurcá-lo como referência ou projeto divertido. Ele deve servir como um pequeno projeto de PWA inicial.

A atualização progressiva do aplicativo da Web

Se você acompanhou, atualizar sites e aplicativos da Web existentes para aplicativos da Web progressivos é relativamente simples.

  • Adicionar um arquivo de manifesto da web válido
  • Registrar um Service Worker com pelo menos um manipulador de eventos fetch
  • Servir via HTTPS

javascript-pwa-calculator Isso é o mínimo para ser um’PWA’. É claro que há muitos outros itens da lista de verificação que você deve cumprir para atender a todo o espírito dos requisitos progressivos de aplicativos da Web.

Usei o gerador de imagens PWA Builder novamente para a calculadora. Desta vez, desmarquei as opções do Windows * porque isso cria imagens para a plataforma Windows Phone, agora desativada. A calculadora ainda tem 77 ícones.

Eu adicionei o mesmo service worker usado no aplicativo Hextris, mas é claro que alterei os arquivos a serem armazenados em cache. A calculadora usa muito menos código, o que é uma grande vantagem.

Finalmente, HTTPS é gratuito e fácil de configurar na AWS usando o CloudFront e os serviços do Certificate Manager.

Resumindo

Este é o segundo de uma série de aplicativos da web simples e progressivos que estou publicando. Meu objetivo principal é demonstrar como é fácil atualizar qualquer site da web para ser um aplicativo da web progressivo.

Se você quiser saber mais sobre o desenvolvimento de PWAs, deve se inscrever no meu Progressive Web Apps: curso do iniciante ao especialista por apenas $ 29! Isso representa uma economia de $ 171 em relação ao preço normal de $ 200.

Existem atualmente mais de 21 horas de vídeo-instrução além de outros recursos. Espero levar mais 4 horas no futuro próximo também.

Compartilhe este artigo com seus amigos!

Source link

Categories: Wordpress