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?

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.

Nintendo Entertainment System

O console Nintendo Entertainment System (NES), da Nintendo, detém o recorde de videogame mais clonado em todo o mundo. Já foram catalogados mais de 300 aparelhos diferentes capazes de reproduzir seus jogos! Saiba mais sobre ele 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.

Nintendo Wii

Nos primeiros oito dias após o lançamento do console Nintendo Wii foram vendidas 600 mil unidades. Isso equivale a quase um por segundo e estes incríveis números são referentes às vendas apenas nos EUA!

Tomb Raider - O Filme

Considerando todas as adaptações de jogos de videogame para o cinema, a mais bem sucedida foi Lara Croft: Tomb Raider, lançado em 2001 e que faturou 274 milhões de dólares. Ele foi dirigido por Simon West e estrelado pela bela Angelina Jolie.