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?

Ultima Online

Criar um jogo é muito mais complexo do que parece. São milhares, às vezes, milhões de linhas de código. Isso não é exagero! Apenas o jogo Ultima Online possui 6.006.313 linhas de programação, totalizando 25.103.295 palavras

Space Invaders

A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. 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.

Galaxy Game

As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas aqui.

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.