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?

Duck Hunt

Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".

Inteligência artificial

O primeiro jogo a fazer uso de uma Inteligência Artificial foi o Mouse in the Maze, criado em 1955, na União Soviética. Você pode saber mais sobre ele clicando aqui.

PDP-1

O primeiro computador a conseguir rodar o jogo Spacewar era o PDP-1, que custava 120 mil dólares e pertencia ao Massachusetts Institute of Technology. O jogo demorou 200 horas para ser desenvolvido, em 1962, e seu criador foi um cientista da computação chamado Steve Russel.

PC com barulho?

Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.

Senhas

Digitar senhas em computadores de uso coletivo é extremamente perigoso, pois além de softwares de monitoramento, existem dispositivos de hardware que podem capturar suas senhas. Evite ao máximo acessar sites de bancos a partir destes computadores. Veja mais aqui.