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?

Space Invaders

O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.

Música tema do Blanka

Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.

Computadores de 1,5 tonelada

Em 1949 a revista Popular Mechanics fez uma previsão para o futuro, dizendo: "Um dia os computadores pesarão menos do que 1,5 tonelada". E pensar que temos smartphones capazes de realizar milhões de vezes mais operações do que os computadores daquela época.

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.