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
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(); 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
Erro comum
Para isso, prefira localStorage ou backend.
Resumo da aula para nunca mais esquecer
sessionStoragedura 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.
Você Sabia?
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.
Civilization
A empresa Take-Two pagou à Infogrames mais de 22 milhões de dólares pelos direitos de Civilization, em novembro de 1994. Ainda sobre este título, Sid Meier, um dos seus fundadores, é o profissional da área dos games mais premiado em todo o mundo.
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.
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.
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.










