Progressive Web Apps são experiências que combinam o melhor da Web e o melhor dos aplicativos.
Um Progressive Web App ?:
- Progressivo - Funciona para qualquer usuário, independentemente do navegador escolhido, pois é criado com aprimoramento progressivo como principio fundamental.
- 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 rede de baixa qualidade.
- Semelhante a aplicativo - Parece como um aplicativos para os usuários, com interacoes e navegacoes de estilo de aplicativos, pois é compilado no modelo de shell de aplicativo.
- Atual - Sempre atualizado graças ao processo de atualizacao do service worker.
- Seguro - Fornecido via HTTPS para evitar invasoes e garantir que o conteudo nao seja adulterado.
- Descobrivel - Pode ser identificado como "aplicativo" gracas 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 notificao push.
- Instalavel - Permite que os usuarios "guardem" os aplicatios mas uteis em suas telas iniciais sem precisar acessar uma loja de aplicativo.
- Linkavel - Compartilhe facilmente por URL, nao requer instalação complexa.
- Progressive Web Apps: Escaping Tabs Without Losing Our Soul
- Why Progressive Web Apps Are The Future Of Web Development
- Progressive Web Apps: ready for primetime
- Making a Progressive App with ServiceWorker
- Progressive Web Apps Are the Future
- Seu primeiro Progressive Web App | Web | Google Developers
This source code is part of Maximilian Schwarzmüller's "Progressive Web Apps - Complete Guide" course on udemy.com.
You need Node.js installed on your machine. Simply download the installer from nodejs.org and go through the installation steps.
Once Node.js is installed, open your command prompt or terminal and navigate into this project folder. There, run npm install
to install all required dependencies.
Finally, run npm start
to start the development server and visit localhost:8080 to see the running application.