Aplicações da Web progressivas

This translation is incomplete. Please help translate this article from English

Esboço
Esta página está incompleta.

PWA community logoAplicações da Web Progressivas são aplicações da Web que utilizam APIs e funcionaldiades emergentes do navegador da Web, juntamente com a estratégia tradicional de melhoramento progressivo, para trazer uma experiência do utilziador semelhante a uma aplicação nativa para as aplicações da Web de plataforma cruzada. Progressive Web Apps are a useful design pattern, though they aren't a formalized standard. PWA can be thought of as similar to AJAX or other similar patterns that encompass a set of application attributes, including use of specific web technologies and techniques. This set of docs tells you all you need to know about them.

In order to call a Web App a PWA, technically speaking it should have the following features: Secure contexts (HTTPS), one or more Service Workers, and a manifest file.

Secure contexts (HTTPS)
The web application must be served over a secure network. Being a secure site is not only a best practice, but it also establishes your web application as a trusted site especially if users need to make secure transactions. Most of the features related to a PWA such as geolocation and even service workers are available only once the app has been loaded using HTTPS.
Service workers
A service worker is a script that allows intercepting and control of how a web browser handles its network requests and asset caching. With service workers, web developers can create reliably fast web pages and offline experiences.
Manifest file
A JSON file that controls how your app appears to the user and ensures that progressive web apps are discoverable. It describes the name of the app, the start URL, icons, and all of the other details necessary to transform the website into an app-like format.

Vantagens de PWA

PWAs should be discoverable, installable, linkable, network independent, progressive, re-engageable, responsive, and safe. To find out more about what these mean, read Progressive web app advantages.

Para saber como implementar as PWAs, consulte o nosso guia de programação PWA.

Documentação

<-- The temporary automatic list below will be replaced soon -->

Desenho responsivo
As aplicações da Web responsivas utilizam tecnologias, tais como consultas de multimédia e viewport para se certificar que as suas UIs irão enquadrar qualquer fator de forma: pc, telemóvel, tablet, ou que quer que venha a seguir.
Identificável
Objetivos eventuais para as aplicações da Web :
PWA - Guia de programação
Nos artigos listados aaui, irá encontrar guias sobre cada aspeto da programação para a geração de aplicações da Web progressivas (PWAs).
Segurança
Aidna sem guias principais listados. Contribuições são bem-vindas.

Everything below this point is left over from the old version of this page and will be revamped as other content is overhauled.

Guias de PWA núcleo

The following guides show you what need to do to implement a PWA, by examining a simple example and showing you how all the pieces work.

  1. Introduction to progressive web apps
  2. Progressive web app structure
  3. Making PWAs work offline with Service workers
  4. How to make PWAs installable
  5. How to make PWAs re-engageable using Notifications and Push
  6. Progressive loading
  7. Collection of resources, codelabs and tools you need to build PWAs by the team at pwafire.org
  8. Setting up your Progressive Web App Development environment

Guias de tecnologia

Ferramentas

  • localForage — A nice simple JavaScript library for making client-side data storage really simple; it uses IndexedDB by default and falls back to Web SQL/Web Storage if necessary.
  • ServiceWorkerWare — An Express-like microframework for easy Service Worker development.
  • oghliner — Not only a template but a tool for deploying Offline Web Apps to GitHub Pages.
  • sw-precache — A node module to generate service worker code that will precache specific resources.
  • workbox — Spiritual successor to sw-precache with more advanced caching strategies and easy precaching.
  • upup — A tiny script that makes sure your site is always there for your users.
  • The service worker cookbook — A series of excellent service worker/push recipes, showing how to implement an offline app, but also much more.
  • PWA VS Code extension - A collection of all essential code snippets you need to build Progressive Web Apps right there in your VS Code environment.