Até agora, aprendemos a armazenar dados no navegador e a inspecionar tudo pelo DevTools.

Agora vamos responder uma pergunta poderosa:

Uma aplicação web pode funcionar sem internet?

A resposta é: sim — e cada vez mais.

🎯 Objetivo da aula

Ao final desta aula, você será capaz de:

  • Entender o conceito de Offline Webapps
  • Saber como dados e arquivos podem funcionar offline
  • Conhecer o papel do cache e do navegador
  • Entender o que são Service Workers (conceito)
  • Visualizar o caminho para PWAs

O que é um Offline Webapp?

Um Offline Webapp é uma aplicação web que:

  • Continua funcionando sem internet
  • Carrega recursos localmente
  • Usa dados armazenados no navegador

Exemplos do dia a dia:

  • Notas que funcionam offline
  • Lista de tarefas
  • Apps de leitura
  • Webmails com rascunhos

Por que offline é importante?

A internet nem sempre é:

  • Rápida
  • Estável
  • Disponível

Offline melhora:

  • Experiência do usuário
  • Velocidade percebida
  • Confiabilidade da aplicação
Aplicações modernas são pensadas como “offline-first”.

O papel do armazenamento

Para funcionar offline, a aplicação precisa:

  • Salvar dados localmente
  • Guardar recursos (HTML, CSS, JS)

É aqui que entram:

  • localStorage
  • IndexedDB
  • Cache do navegador

Cache: o coração do offline

Cache é uma cópia local de arquivos.

O navegador pode guardar:

  • Páginas HTML
  • CSS
  • JavaScript
  • Imagens

Assim, mesmo sem internet, esses arquivos podem ser carregados.

O que são Service Workers?

Service Workers são scripts que:

  • Rodam em segundo plano
  • Interceptam requisições
  • Controlam cache e offline

Eles funcionam como um “proxy” entre:

  • Sua aplicação
  • A rede
Service Workers exigem HTTPS e configuração cuidadosa.

Fluxo mental de um app offline

  • Usuário acessa a aplicação
  • Arquivos são cacheados
  • Internet cai
  • App continua funcionando

Isso não é mágica — é arquitetura.

Offline Webapps na prática (exemplo conceitual)

Imagine um app de tarefas:

  • Tarefas salvas no localStorage
  • Interface cacheada
  • Usuário cria tarefas offline
  • Dados sincronizam quando a internet volta
Esse padrão é muito usado em apps profissionais.

Offline Webapps ≠ Backend

Importante entender:

  • Offline não substitui backend
  • Offline melhora a experiência

O ideal é:

  • Offline para uso imediato
  • Backend para sincronização

Caminho natural: PWAs

Offline Webapps são um dos pilares dos:

Progressive Web Apps (PWAs)

PWAs combinam:

  • Offline
  • Instalação no dispositivo
  • Performance
Você não precisa dominar isso agora — só entender o caminho.

Resumo da aula para nunca mais esquecer

  • Offline Webapps funcionam sem internet
  • Usam cache e armazenamento local
  • Service Workers controlam o offline
  • Offline melhora a experiência do usuário
  • É base para PWAs

Na próxima aula, vamos fechar o bloco de armazenamento com uma introdução ao IndexedDB — entendendo quando o localStorage não é suficiente.

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Mortal Kombat - O Filme

O filme Mortal Kombat, inspirado no jogo de mesmo nome, faturou 23 milhões de dólares apenas no fim de semana de estreia nos EUA. Ainda sobre este título de sucesso, outra cifra que impressiona é o faturamento ao longo do primeiro ano: 1 bilhão de dólares no mundo todo.

Mario em Donkey Kong

O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.

Mouse

O mouse foi criado em 9 de dezembro de 1968, por um americano chamado Douglas Engelbart, que o batizou de "XY Position Indicator for a Display System". Conheça a história do mouse clicando aqui.

Playstation

O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.

Máquina de Pascal

A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.