Blog Fellyph Cintra

Blog sobre WordPress, IA, PWA e JavaScript

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…
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:…
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…
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…
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…
Estratégias de cache para PWAs

Continuando a série sobre PWA tivemos uma introdução sobre Service Worker. Vimos que o service worker permite o suporte a aplicações offline mas também podemos controlar as requisições feitas pelo navegador isso nos dá a habilidade de pensar em diferentes estratégias de cache para a nossa aplicação e esse será o tema do nosso post.…
Introdução a Service Worker

Nesse posts vamos falar sobre service worker é um dos recursos-chave dentro das Progressive web Apps vamos entender como ele funciona e o seu ciclo de vida. Para quem ainda não viu, estou gravando uma série sobre PWA no meu canal do youtube, até o momento tenho mais de 12 aulas gravadas também estou adicionando…
Badging API

A Badging API é uma das novas APIs criadas para fechar o gap entre aplicações nativas, ela permite adicionar contador de notificações nos ícones da nossa PWA na barra de tarefas. Diferente de Push Notification a badging API é menos intrusiva apenas exibe um balão de notificação sobre o ícone da nossa aplicação. Atualmente Windows…
Web Share API Level 2

Recentemente fiz um post sobre Web Share API, um dos motivos foi a inclusão de suporte pela plataforma iOS a API na última versão 12.2. Nesse post vamos abordar alguns updates que estarão presentes na versão 75 do Chrome. Os recentes updates são relevantes para aplicações web progressivas. No meu canal do YouTube comecei uma…
Media queries para Progressive Web Apps

Se você me segue no Twitter já viu que estou criando uma série sobre Progressive Web Apps, neste mini curso estou abordando os principais recursos na construção de um PWA. Para esse post vamos falar sobre um conteúdo complementar como adicionar um estilo específico através media queries para identificar uma PWA. O que é uma…