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
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.
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
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?
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".
Donkey Kong
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.
Muitos aplicativos
Instalar vários aplicativos com o mesmo propósito, como editores de texto, reprodutores de músicas ou vídeos e até programas antívirus sobrecarregam o seu sistema operacional e ainda ocupam espaço desnecessário em seu HD. Tenha apenas um bom programa para cada função.
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.
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.