Aprenda tudo sobre localStorage e sessionStorage de JavaScript
ฝัง
- เผยแพร่เมื่อ 25 ส.ค. 2024
- Neste artigo você vai aprender tudo sobre #LocalStorage e #SessionStorage, recursos muito importantes de #JavaScript. Você também vai aprender como salvar e resgatar objetos da LocalStorage. No fim, criaremos um projeto para aplicar os conhecimentos aprendidos na parte teórica.
📒 Ebook JS: www.horadecoda...
🟡 Curso JS: www.udemy.com/...
🔵 Curso React: www.udemy.com/...
⭐ Nossos cursos: www.horadecoda...
🔴 Instagram: @horadecodar 🔷 Telegram: t.me/horadecodar .
🟣 Discord Hora de Codar: / discord
📒 Garanta seu ebook de JS avançado: www.horadecodar.com.br/ebook-javascript-avancado-gratuito/
Matheus curso de electron ??
Poderia ter falado de cookie e cache também.
"gratuito"
o ebook não tá baixando
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!
de nada Daniel =) Espero que vc tenha curtido
Eu tbm cara, impressionante. Eu imaginei que esse assunto era tão complicado, hoje eu vi que é extremamente simples
@@MatheusBattisti O Session Storage do Live Server não é excluído quando a janela do navegador é fechada.
Muito bom. Explicou direitinho e ainda mandou um estudo de caso, bom demais.
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!!
Sensacional! Aprendo demais contigo. Comprei o seu curso de front - end mas continuo acessando os conteúdos aqui tbm. Sua didática é muito boa 😄
Cara, você é incrível, simplesmente inacreditável como meu aprendizado aumentou vendo seus vídeos, muito obrigado mesmo
show Alexandre, espero continuar te ajudando, e obrigado!
Parabéns pela a aula, todo mundo que está iniciando no javascript deveria assistir esse vídeo. 👏👏👏
Uma das melhores explicação sobre o assunto que encontrei no aplicativo
Valeuu Fernando!
Excelente aula Mestre! Isso costuma ser perguntado em entrevistas. Muito bom!
valeu Neder
Não tem como não aprender assim!!! Valeu Matheus por mais uma excelente aula!!!!
valeu João, tamo junto!
parabens pelo otimo conteudo,quando vou atras de algum conhecimento ja olho se não tem um video seu explicando para dar preferencia
Vídeo maravilhoso, sua didática é ótima!
valeuu! =D
Excelente ! Muito Bem Explicado ! ! Parabéns pelos vídeos ! ! !
valeu Moa! Se quiser aprender mais sobre JS comigo, se liga aí: horadecodar.com.br/comunidade-hora-de-codar/ =)
Parabéns pelo vídeo, me ajudou bastante em um projeto que estava realizando.
Parabéns pelo video.... Aproveitei cada minuto!
Vídeo excelente professor, muito obrigado!
de nada!
Muito show , vc e o cara ,estou fazendo seu curso de Sass e posso falar que e massa , parabéns
valeu Marcos!
S E N S A C I O N A L ! TUDO Muito Bem Explicado ! ! Parabéns pelos vídeos ! ! !
galera, curso de JS do Battisti é top. super recomendo. Valeu, professor... super aula.
Ótima aula e exercício para fixação
valeu! =D
Parabéns pela dinâmica!!!
Salvou pro meu entendimento superior.
Muito bom!
Muito bom aula, sensacional!!!
valeuu! =)
Ótimo conteúdo Professor!
valeu Jason!!
sua didática é muito boa, parabéns + 1 inscrito
valeu Thiago!
Excelente! mais uma vez!
Muito foda vei, parabéns. Entendi tudo
top demais. Não sabe como ajudou
Nice!! Thanks, 🙌
Excelente aula! Parabéns 👏 👏
Topezara demais! Obrigado!
valeu Weverton!
muito brabo, valeu !!
Muito bom vídeo!
muito show
Muito obrigadaaa! Ajudou bastante!
sua ditática e muito boa
Bravo.!!!!
cara aula fantastica
Valeu Francis!
muito boa a explicação
PERFEITO!
muito bom
sensacional!!!
Muito bom, top.
O Session Storage do Live Server não é excluído quando a janela do navegador é fechada.
Top prof!
valeuu!
Muito bom conteúdo....ajudou muito no entendimento.
** Obs.: O Ebook não está direcionando para o download.
Conheci a pouco tempo brython e ao ver esse video me veio uma duvida, tem como fazer isso com brython?
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
fala Claudio, vi o seu e-mail agora e vim caçar seu comentário hahaha
aqui é bem democratico, todos podem comentar o que quiserem, desde que não haja ofensa/discurso de ódio
sobre a sua solicitação: eu anotei aqui e mais pra frente teremos este vídeo
obrigado e até mais! =)
Poderia ter falado de cookie e cache também.
eu tava precisando dessa aula em kkk
show Henrique!
professor faz um vídeo explicando o indexedDB
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?
boa, Battisti!
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.
21:15 qual atalho ou extensão você usa pra separar os atributos dessa forma?
Bom vídeo
valeu!
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!')
}
}
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...
amigo, tu é de onde? tens sotaque catarinense kkkkkk, eu sou de bombinhas - sc, muito show seu canal
eu sou de balneário Camboriú kkkk
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
sessionStorage: deleta quando fecha a Janela ou a aba?
Transcrevi o código mas não apareceu a div depois da verificação, o que pode ser?
Maneiro, mas dificil pra kct hahahaha
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...
Mateus, como faço pra persistir mesmo se limpar o histórico?
Vc recomenda salvar token no SessionStotage, LocalStorage ou em Cookies?
Existe uma regra para quando utilizar o localStorage?
Alguma alma caridosa, por favor, explica como faz o localstorage desse projeto. Faz horas que estou tentando estruturar, mas não consigo😔.
Uma dica : localStorage.name= "nome" => name vai receber "nome"
localStorage.name; => pegar o valor de name, no caso "nome"
muito obrigado por compartilhar esse conhecimento tmj mano😄
25:10 essa parte eu não entendi bem. É realmente necessário? Eu não coloquei aqui e funcionou da mesma maneira.
É 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 ...
Boa noite, beleza? Consigo exibir o valor do localstorage em outra pagina\aba do mesmo projeto?
boa tarde o meu so fica dando erro neste trecho (nameForm.addEventListener("submit", (e) => {
e.preventDefault();) alguem pode me ajudar?
depois do e.preventDefault(); é suposto ter uma chave para fechar a arrow function }
Matheus, queria fazer isso porém com imagem. Poderia me ajudar?
Professor tem cupom pro curso de react, quero comprar
teremos segunda que vem Pablo, só se inscrever na página de cursos para receber
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)
engaja
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
Para refletir: O problema está em todos os outros professores ou em você?
Otima abordagem! Obrigado Matheus!
valeu Deivson!
Muito bom!
Valeu Joezer!