Na aula anterior, aprendemos a usar o localStorage para armazenar dados de forma persistente.

Agora vamos conhecer um tipo de armazenamento muito parecido, porém com um comportamento diferente:

sessionStorage

🎯 Objetivo da aula

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

  • Entender o que é sessionStorage
  • Saber a diferença entre sessionStorage e localStorage
  • Salvar e recuperar dados temporários
  • Usar sessionStorage em cenários reais
  • Escolher o storage correto para cada situação

O que é o sessionStorage?

O sessionStorage é um mecanismo de armazenamento que:

  • Guarda dados no navegador
  • Funciona por aba (ou guia)
  • É apagado quando a aba é fechada

Ou seja: os dados vivem apenas durante a sessão atual.

sessionStorage vs localStorage

  • localStorage → persiste mesmo após fechar o navegador
  • sessionStorage → existe apenas enquanto a aba estiver aberta
Ambos usam a mesma API. O que muda é o tempo de vida dos dados.

Salvando um dado no sessionStorage

 sessionStorage.setItem("paginaAtual", "checkout");

Esse dado ficará disponível apenas enquanto a aba estiver aberta.

Lendo um dado salvo

 
  const pagina = sessionStorage.getItem("paginaAtual");
  console.log(pagina);

 console.log(pagina); // Saída será "checkout"

Removendo um item

 sessionStorage.removeItem("paginaAtual");

Limpando toda a sessão

 sessionStorage.clear();
Todos os dados da sessão atual serão removidos.

Salvando objetos no sessionStorage

Assim como no localStorage, usamos JSON: 

 
  const carrinhoTemp = { itens: 3, total: 120 };
  sessionStorage.setItem("carrinho", JSON.stringify(carrinhoTemp));

Lendo objetos salvos

 
  const carrinhoSalvo = JSON.parse(sessionStorage.getItem("carrinho"));
  console.log(carrinhoSalvo.itens);

 console.log(carrinhoSalvo.itens); // Saída será 3

Exemplos reais de uso

  • Etapas de um formulário (wizard)
  • Estado temporário de checkout
  • Dados de navegação
  • Proteção contra refresh acidental

Quando usar sessionStorage?

Use sessionStorage quando:

  • Os dados não devem persistir
  • O estado é temporário
  • O dado faz sentido apenas naquela aba
sessionStorage é perfeito para dados de fluxo, não de preferência.

Erro comum

Não use sessionStorage para dados que o usuário espera ver depois.

Para isso, prefira localStorage ou backend.

Resumo da aula para nunca mais esquecer

  • sessionStorage dura apenas enquanto a aba estiver aberta
  • Usa a mesma API do localStorage
  • Armazena apenas strings
  • Use JSON para objetos
  • Ideal para estado temporário

Na próxima aula, vamos falar sobre Cookies — o método mais antigo (e ainda importante) de armazenamento no navegador.

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?

Computadores de 1,5 tonelada

Em 1949 a revista Popular Mechanics fez uma previsão para o futuro, dizendo: "Um dia os computadores pesarão menos do que 1,5 tonelada". E pensar que temos smartphones capazes de realizar milhões de vezes mais operações do que os computadores daquela época.

Máquina de Pascal

A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.

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.

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.

Mario em Donkey Kong

O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.