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
Nunca armazene senhas ou informações sensíveis no navegador.

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.

Pensar em armazenamento é pensar em experiência do usuário.

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?

Asteroids

O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.

ENIAC

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.

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.

Tetris

Desde o seu lançamento, em 1985, o fantástico jogo Tetris vende pelo menos 70 milhões de unidades por ano em todo o mundo! Os dados são oficiais e fornecidos pela THQ, uma das distribuidoras do título.

Ultima Online

Criar um jogo é muito mais complexo do que parece. São milhares, às vezes, milhões de linhas de código. Isso não é exagero! Apenas o jogo Ultima Online possui 6.006.313 linhas de programação, totalizando 25.103.295 palavras