Aprenda tudo sobre localStorage e sessionStorage de JavaScript 

📒 Garanta seu ebook de JS avançado: www.horadecodar.com.br/ebook-javascript-avancado-gratuito/

Excelente ! Muito Bem Explicado ! ! Parabéns pelos vídeos ! ! !

Excelente aula! Parabéns 👏 👏

Muito obrigado, Matheus. Eu tinha pedido essa aula e você atendeu. O assunto foi passado de maneira tão didática e interessante, que nem percebi passar os 30 min do vídeo. Muito obrigado, meu irmão!

Matheus, obrigado pelos videos. Assinei o canal recentemente e tenho aumentado muito o conhecimento na linguagem JavaScript. Gostaria de aproveitar a oportunidade e solicitar a possibilidade de você montar uma aula com um conteúdo de ler um arquivo e utiliza-lo para carregar dados em uma tabela no HTML. Mas a leitura ser independente de um form. Ser por exemplo no carregamento da pagina. Não sei se é possível, mas pesquisei bastante e os exemplos que vejo sempre e através de foram e da maquina do usuário. Abraços e muito obrigado. Claudio

professor faz um vídeo explicando o indexedDB

Poderia ter falado de cookie e cache também.

Conheci a pouco tempo brython e ao ver esse video me veio uma duvida, tem como fazer isso com brython?

alguém pode me ajudar? Toda vez que tento usar o get storage o valor vem em um array tipo,eu ponho no input react e ele vem 'react',sem contar que a cada novo item que eu ponho nessa to do list ele vai somando os anteriores,segue o código: const add = document.querySelector('#submit').onclick = CreateListItem const ul = document.querySelector('#ul') const input = document.querySelector('#txt') const arr = [] function CreateListItem(e){ e.preventDefault() if(input.value !== ''){ arr.push(input.value) console.log(input.value) localStorage.setItem("Item",JSON.stringify(arr)) const fullfilled = 'Item Added to the list!' console.log('%c' + fullfilled, 'color:#7458B9') const div = document.createElement('div') div.setAttribute('class','flex') ul.appendChild(div) const li = document.createElement('li') li.textContent = input.value div.appendChild(li) input.value = '' const removeButton = document.createElement('i') removeButton.setAttribute('class','fa-regular fa-trash-can') div.appendChild(removeButton) removeButton.addEventListener('click',RemoveListItem) function RemoveListItem(){ ul.removeChild(div) } }else{ const error = 'ERROR,please add an item to the list!' console.error(error) alert('Item is required!') } }

O Session Storage do Live Server não é excluído quando a janela do navegador é fechada.

boa tarde o meu so fica dando erro neste trecho (nameForm.addEventListener("submit", (e) => { e.preventDefault();) alguem pode me ajudar?

E Show, mas deica eu perguntar Matheus,..Amigo estou adicionando um trecho de código via html dentro do meu site em Wordpress, mas funciona Liso no Desktop mas no celular não guarda, alguma deia de como descobrir como resolver, testei em 2 celulares diferente e nenhum funciona

pra mim tá dando esses 3 erros: 1. Uncaught TypeError: Cannot read properties of null (reading 'style') at checkUser (project.js:10:26) at project.js:40:1 2. Uncaught TypeError: Cannot read properties of null (reading 'style') at checkUser (project.js:17:26) at HTMLButtonElement. (project.js:36:5) 3 . Uncaught TypeError: Cannot read properties of null (reading 'style') at checkUser (project.js:10:26) at HTMLFormElement. (project.js:30:5)

Olá Battisti, espero que se encontre bem. Tenho uma aplicação que o usuário deve se autenticar a cada hora, mas desejo permitir que o usuário possa escolher se deseja que a sessão fique ativa para sempre no dispositivo que acessou. Você tem alguma sugestão? Acredito que a única forma de fazer esse controle seja com uma base de dados pra salvar os dados do dispositivo e da sessão. Como o usuário pode acessar por mais de um dispositivo, sabe qual dado posso considerar para conseguir diferenciar os dispositivos?

Muito bom conteúdo....ajudou muito no entendimento. ** Obs.: O Ebook não está direcionando para o download.

amigo, tu é de onde? tens sotaque catarinense kkkkkk, eu sou de bombinhas - sc, muito show seu canal

Alguma alma caridosa, por favor, explica como faz o localstorage desse projeto. Faz horas que estou tentando estruturar, mas não consigo😔.

O sessionStorage não seria a forma "padrão" de como a gente utiliza em projetos pequenos sem utilização de banco de dados? Porque o localStorage eu entendi como posso aproveitar em meus projetos, mas o session meio que não faz diferença usar ou não.

Se limpar o cache do navegador as informações são perdidas... Se coloca o Index. No servidor para dois computadores na rede acessarem o mesmo arquivo, não sobem com a informação atualizada...

É possivel criar um formulario q funcione offline com isso e qndo tiver internet ele sincronize com uma base de dados? Nao sou programador, caso alguem saiba posso pagar para me ensinar ...

25:10 essa parte eu não entendi bem. É realmente necessário? Eu não coloquei aqui e funcionou da mesma maneira.

Matheus você tem algum script de valor...expemlo Eu criei um projeto e ta faltando esse escript de um velie passe de uma pagina para outra R$ 1,50 ==> R$ 1,50 Isso e um exemplo de uma transição de uma pagina para outra so que tem que ser quando clicar no botão...

Transcrevi o código mas não apareceu a div depois da verificação, o que pode ser?

Uma dica : localStorage.name= "nome" => name vai receber "nome" localStorage.name; => pegar o valor de name, no caso "nome"

Sensacional! Aprendo demais contigo. Comprei o seu curso de front - end mas continuo acessando os conteúdos aqui tbm. Sua didática é muito boa 😄

Muito bom. Explicou direitinho e ainda mandou um estudo de caso, bom demais.

Existe uma regra para quando utilizar o localStorage?

Mateus, como faço pra persistir mesmo se limpar o histórico?

Cara, você é incrível, simplesmente inacreditável como meu aprendizado aumentou vendo seus vídeos, muito obrigado mesmo

sessionStorage: deleta quando fecha a Janela ou a aba?

parabens pelo otimo conteudo,quando vou atras de algum conhecimento ja olho se não tem um video seu explicando para dar preferencia

Eu imaginava que era muito difícil e pode até ser se mal explicado, entendi tudo perfeitamente obrigado continua com esses conteúdos por favor!!

Maneiro, mas dificil pra kct hahahaha

top demais. Não sabe como ajudou

Excelente aula Mestre! Isso costuma ser perguntado em entrevistas. Muito bom!

Uma das melhores explicação sobre o assunto que encontrei no aplicativo

Não tem como não aprender assim!!! Valeu Matheus por mais uma excelente aula!!!!

muito show

Nice!! Thanks, 🙌

Muito bom!

A partir das 22:40 eu não entendi mais nada, esses professores quando chegam nessa parte começam a explicar meia boca o que estão fazendo aí entendo poh@ nenhumaa

Bravo.!!!!

Vídeo maravilhoso, sua didática é ótima!

boa, Battisti!

engaja

muito bom

Boa noite, beleza? Consigo exibir o valor do localstorage em outra pagina\aba do mesmo projeto?

Excelente! mais uma vez!

Vc recomenda salvar token no SessionStotage, LocalStorage ou em Cookies?

galera, curso de JS do Battisti é top. super recomendo. Valeu, professor... super aula.

Parabéns pelo vídeo, me ajudou bastante em um projeto que estava realizando.

Matheus, queria fazer isso porém com imagem. Poderia me ajudar?

Muito show , vc e o cara ,estou fazendo seu curso de Sass e posso falar que e massa , parabéns

Vídeo excelente professor, muito obrigado!

Parabéns pelo video.... Aproveitei cada minuto!

S E N S A C I O N A L ! TUDO Muito Bem Explicado ! ! Parabéns pelos vídeos ! ! !

sua didática é muito boa, parabéns + 1 inscrito

Ótimo conteúdo Professor!

21:15 qual atalho ou extensão você usa pra separar os atributos dessa forma?

Muito foda vei, parabéns. Entendi tudo

Salvou pro meu entendimento superior.

Professor tem cupom pro curso de react, quero comprar

Parabéns pela a aula, todo mundo que está iniciando no javascript deveria assistir esse vídeo. 👏👏👏

Otima abordagem! Obrigado Matheus!

Ótima aula e exercício para fixação

eu tava precisando dessa aula em kkk

Bom vídeo

Topezara demais! Obrigado!

Muito bom aula, sensacional!!!

cara aula fantastica

sua ditática e muito boa

muito brabo, valeu !!

Muito bom vídeo!

muito boa a explicação

Muito obrigadaaa! Ajudou bastante!

Parabéns pela dinâmica!!!

Muito bom!

Muito bom, top.

sensacional!!!

Top prof!

PERFEITO!