Até agora, aprendemos a armazenar dados usando localStorage e sessionStorage.

Essas soluções funcionam muito bem — até certo ponto.

Nesta aula, vamos conhecer uma alternativa mais poderosa:

o IndexedDB.

Não vamos entrar em código complexo ainda. O foco aqui é entender o porquê ele existe.

🎯 Objetivo da aula

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

  • Entender o que é o IndexedDB
  • Saber por que o localStorage tem limitações
  • Identificar quando usar IndexedDB
  • Visualizar IndexedDB como um banco de dados no navegador
  • Preparar o terreno para aplicações offline mais avançadas

O problema do localStorage

O localStorage é simples e muito útil, mas tem limitações importantes:

  • Só armazena strings
  • Não é eficiente para grandes volumes de dados
  • Não permite buscas complexas
  • Não trabalha bem com dados estruturados

Para aplicações maiores, isso começa a virar um problema.

O que é o IndexedDB?

O IndexedDB é um sistema de armazenamento que funciona como:

um banco de dados dentro do navegador.

Ele permite:

  • Armazenar grandes quantidades de dados
  • Guardar objetos JavaScript diretamente
  • Criar índices para busca
  • Trabalhar de forma assíncrona
Pense no IndexedDB como um “mini MySQL” do navegador (conceitualmente).

IndexedDB vs localStorage

  • localStorage → simples e rápido
  • IndexedDB → robusto e estruturado

Ambos têm seu lugar.

Por que o IndexedDB é assíncrono?

Diferente do localStorage, o IndexedDB:

  • Não bloqueia a interface
  • Não trava a página
  • É seguro para grandes operações

Isso é essencial para aplicações modernas.

Operações síncronas com grandes volumes podem travar o navegador.

Quando usar IndexedDB?

Use IndexedDB quando:

  • Você precisa guardar muitos dados
  • Os dados são objetos complexos
  • Busca e filtragem são importantes
  • A aplicação precisa funcionar offline

Exemplos reais:

  • Apps de notas offline
  • Kanban com sincronização posterior
  • Aplicações PWA robustas
  • Cache de dados vindos de APIs

IndexedDB e PWAs

Em PWAs mais avançados:

  • Service Worker → cache de arquivos
  • IndexedDB → dados da aplicação

Essa dupla permite:

  • Aplicações offline-first
  • Sincronização posterior
  • Experiência próxima de apps nativos
IndexedDB é a base para sincronização offline profissional.

Você não precisa dominar agora

Essa aula é introdutória por um motivo:

  • IndexedDB tem API mais extensa
  • Exige cuidado com assincronicidade
  • É um passo natural após dominar os fundamentos

Vamos avançar para ele com calma, quando fizer sentido.

Resumo da aula para nunca mais esquecer

  • localStorage é simples, mas limitado
  • IndexedDB é um banco de dados no navegador
  • Ideal para grandes volumes e dados complexos
  • Funciona de forma assíncrona
  • É peça-chave para PWAs avançados

Na próxima aula, vamos começar a trabalhar com o IndexedDB na prática, passo a passo, sem pressa e sem sustos.


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?

O ábaco é o dispositivo de cálculo mais antigo construído e conhecido pelo homem. Suas formas mais primitivas datam de 400 a.C. e eles foram encontrados na China e na Babilônia. Para saber mais sobre a história dos computadores, clique aqui.


A IBM detém o recorde de patentes em um único ano, atingindo a marca de 4186 registros no ano de 2008. Clique aqui e saiba mais sobre esta gigante do mundo da tecnologia.


A empresa Universal City Studios, detentora dos direitos autorais do King Kong, processou a Nintendo logo após o lançamento de Donkey Kong, pois segundo ela, o game violava os seus direitos. Ela venceu o processo e recebeu da Nintendo uma indenização de quase 2 milhões de dólares.


O ENIAC, primeiro computador valvulado do mundo, possuía 17.000 válvulas, 500.000 pontos de solda, 30 toneladas de peso e ocupava uma área de 180 metros quadrados. Clique aqui e conheça mais sobre a história dos computadores.


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.