Neste artigo, aprenderemos como adicionar push notifications em sites WordPress com OneSignal de forma fácil e rápida.
Categoria: PWA – Progressive web apps
Progressive web apps ou PWA é um conceito que utiliza diversos recursos presentes em browsers modernos com um único objetivo melhorar a experiência do usuário.
O termo Progressive web apps surgiu por volta de 2016, mas como conseguimos identificar uma boa experiência do usuário, podemos utilizar três pontos de partida:
Confiável – quando nosso app é carregado instantaneamente e nunca mostre uma tela offline, isso através de recurso que permitem o suporte a aplicações offline.
Rápido – usuários mobile web possuem um grande bounce rate, aplicações que respondem em mais de três segundos possuem uma change muito grande de perde o usuário, para isso utilizamos recursos para reduzir o tempo de resposta de nossa aplicação.
Envolvente – Sinta-se utilizando um aplicativo nativo, com uma experiência imersiva do usuário.
Perguntas do curso de PWA: PWA e Frameworks JavaScript
Olá pessoal nesse post irei responder algumas perguntas comuns sobre PWA e frameworks JavaScript, Essas perguntas foram tiradas do meu canal do YouTube onde eu tenho um curso sobre PWA, onde você pode conferir aqui: O curso que rodo no YouTube é focado em vanilla JavaScript e tem uma configuração específica utilizando webpack em um… Continuar lendo Perguntas do curso de PWA: PWA e Frameworks JavaScript
Editando o web app manifest com o plugin de PWA para WordPress
Nesse post vamos ver como editar as propriedades do web app manifest com o plugin de PWA oficial do Google. No meu canal do YouTube recentemente fiz um vídeo falando sobre o plugin, e como transformar o seu site WordPress em uma PWA. O que é Web app manifest? O web app manifest é um… Continuar lendo Editando o web app manifest com o plugin de PWA para WordPress
Novidades no Web app manifest: app shortcuts
app shortcuts permite adicionar atalhos para funcionalidades específicas em nossas Progressive web apps veja nesse post como implementá-lo
Adicionando os ícones para PWAs no iOS
Você gostaria de saber como adicionar ícones para PWAs no iOS nesse post você irá saber como. Para isso precisamos adicionar tags com diferentes tamanhos de imagens para serem usadas na tela principal dos usuários Apple, esses tamanhos mudaram com o passar dos anos em diferentes versões do Sistema operacional. Nesse post vamos ver como… Continuar lendo Adicionando os ícones para PWAs no iOS
Criando uma PWA WordPress
Nesse post iremos ver como utilizar o plugin oficial do Google para criar uma PWA WordPress, atualmente temos uma série de plugins para converter o seu site em uma PWA, os 3 principais plugins são: Plugin PWA Google PWA for WP & AMP Super Progressive Web Apps Plugin PWA WordPress Google Nesse post vamos focar… Continuar lendo Criando uma PWA WordPress
Novidades da Microsoft e Apple sobre PWA
Nos meses de maio e junho tivemos as conferências para desenvolvedores da Microsoft Build e Apple WWDC. Nelas tivemos algumas novidades importantes para as Progressive web Apps. Primeiramente a Microsoft reforçou a sua estratégia de investir em Progressive Web Apps para desktop e o suporte do time da Microsoft ao projeto Fugu, Durante a apresentação:… Continuar lendo Novidades da Microsoft e Apple sobre PWA
Armazenamento de dados no Browser
Armazenamento de dados no Browser ou client-side é algo possível por diferentes APIs, no passado tivemos o uso de Cookies agora temos localStorage, sessionStorage, IndexedDB e CacheStorage API. Sem uso de back-end ou bibliotecas externas, suporte direto do Browser. Nesse post iremos entender a diferença entre os tipos de armazenamento de dados no Browser e… Continuar lendo Armazenamento de dados no Browser
Geolocation API
Vamos falar sobre Geolocation API javascript esse post servirá como base para o conteúdo do curso de PWA que estou rodando no meu canal. Na versão 2020 do curso iremos abordar Web APIs disponíveis para iOS e nesse primeiro posts iremos abordar a Geolocation web API. Resumo do conteúdo O que é uma PWA? O… Continuar lendo Geolocation API
Introdução a Workbox
Workbox é um conjunto de bibliotecas e módulos do node que simplifica o processo de cache de assets na nossa aplicação, assim agilizando o nosso trabalho na criação de uma Progressive Web Apps. Este tutorial será baseado na versão 4 da biblioteca. Workbox trabalha dois conceitos importantes sobre PWAs: Performance: não espere por todos os… Continuar lendo Introdução a Workbox