Até agora, tudo o que fizemos com JavaScript aconteceu em tempo real: o usuário interage, o código responde — e ao recarregar a página, tudo começa do zero.
Mas aplicações reais precisam ir além:
elas precisam lembrar informações.
Nesta aula, vamos entender onde e como dados podem ser armazenados no navegador.
🎯 Objetivo da aula
Ao final desta aula, você será capaz de:
- Entender por que armazenar dados no navegador
- Diferenciar memória de armazenamento
- Conhecer os tipos de storage disponíveis
- Saber quando usar armazenamento no cliente
- Preparar o terreno para localStorage, sessionStorage e cookies
Por que armazenar dados no navegador?
Imagine situações comuns:
- Salvar o tema escolhido (claro/escuro)
- Lembrar dados de um formulário
- Manter o usuário logado
- Guardar preferências
Sem armazenamento, tudo isso se perde ao recarregar a página.
Memória vs Armazenamento
É muito importante entender essa diferença:
- Memória → dados vivem enquanto a página está aberta
- Armazenamento → dados continuam após recarregar ou fechar
Exemplo:
let contador = 0; contador++; console.log(contador); console.log(contador); // Saída será 1, mas ao recarregar a página volta para 0 Isso acontece porque a variável vive apenas na memória.
Onde os dados podem ser armazenados?
No contexto do frontend, temos algumas opções:
- localStorage
- sessionStorage
- Cookies
- IndexedDB
Cada uma tem um propósito diferente.
Armazenamento no cliente vs servidor
Nem todo dado deve ser salvo no navegador.
Regra mental importante:
- Preferências → cliente
- Estado temporário → cliente
- Dados sensíveis → servidor
Persistência dos dados
Outro conceito importante é o tempo de vida dos dados.
- Alguns dados duram até fechar a aba
- Outros duram dias, meses ou indefinidamente
É isso que diferencia sessionStorage de localStorage.
O navegador como mini banco de dados
Hoje, o navegador não é só um exibidor de páginas:
- Ele armazena dados
- Ele executa lógica
- Ele funciona offline
Isso permite criar aplicações cada vez mais completas.
Resumo da aula para nunca mais esquecer
- Aplicações reais precisam lembrar informações
- Memória se perde ao recarregar a página
- Storage persiste dados no navegador
- Existem vários tipos de armazenamento
- Cada tipo tem um uso específico
Na próxima aula, vamos aprender na prática o localStorage — o tipo de armazenamento mais usado no frontend.
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?
Final Fantasy
O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.
Playstation
O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.
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.
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.
Cuidados com o notebook
Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais aqui.