Aniversário
Alura 12 anos

20% OFF

Falta pouco!

00

DIAS

00

HORAS

00

MIN

00

SEG

Matricule-se com desconto especial do Gaules!

Logo do curso
Curso

React:

transforme sua aplicação web em uma PWA

Quero estudar na alura

8h

Para conclusão

344

Pessoas nesse curso

9

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Conheça os principais conceitos sobre PWA’s e transforme suas aplicações React em aplicativos instaláveis
  • Identifique os conceitos essenciais por trás dos Service Workers, incluindo seu ciclo de vida, escopo e capacidades
  • Implemente estratégias de cache para otimizar o desempenho e a disponibilidade das Progressive Web Apps
  • Utilizar Service Workers para criar experiências de usuário contínuas, mesmo em condições de conectividade intermitente ou ausente (offline)
  • Utilize estratégias de cache para otimizar o carregamento de recursos, como imagens, scripts e estilos
  • Explore o plugin vitePWA e a biblioteca Workbox para criação de PWA’s em aplicações React
  • Utilização da biblioteca Google Workbox para simplificar a criação e gestão de Service Workers

Público alvo_

Pessoas desenvolvedoras que possuem um conhecimento intermediário/avançado de React e pretendem aprofundar e explorar o uso de Services Workers para criação de Progressive Wep Apps.

Neilton Seguins

github

linkedin

Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.

Curso atualizado em 26/03/2025

Ementa

  1. Construindo uma Progressive Web App (PWA)

    • Verificando requisitos com Lighthouse
    • Criando o manifesto
    • Desenvolvendo Ícones
  2. Implementando cache com VitePWA

    • Instalando o plugin VitePWA
    • Configurando o plugin
    • Definindo o RuntimeCache
  3. Entendendo service workers

    • Implementando um service worker
    • Ciclo de vida de um service worker
    • O evento fetch
  4. Explorando estratégias de cache

    • Estratégia Cache-First
    • Estratégia Network-First
    • Estratégia Stale-While-Revalidate
  5. Conhecendo o workbox

    • Instalando os módulos do workbox
    • Realizando cache de arquivos estáticos
    • Criando o build e testando a aplicação

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Este e mais 1 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Escolha a duração
do seu plano

Conheça os Planos para Empresas