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?
Recorde de patentes
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.
Mouse
O mouse foi criado em 9 de dezembro de 1968, por um americano chamado Douglas Engelbart, que o batizou de "XY Position Indicator for a Display System". Conheça a história do mouse clicando aqui.
Final Fantasy X
O jogo Final Fantasy X para o Sony Playstation 2 vendeu, apenas no dia do seu lançamento, 1.455.732 cópias, estabelecendo um recorde de vendagem para as primeiras 24 horas de um game. Méritos da SquareSoft, que desenvolveu um excelente produto!
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.
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.