Aprenda tudo sobre localStorage e sessionStorage de JavaScript

Поделиться
HTML-код
  • Опубликовано: 18 дек 2024

Комментарии • 117

  • @MatheusBattisti
    @MatheusBattisti  2 года назад +11

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

  • @MiguelGrigatoGarbo
    @MiguelGrigatoGarbo 2 месяца назад +1

    to aprendendo isso no meu segundo semestre da faculdade esse video salvo dms

  • @MrDvcosta
    @MrDvcosta 2 года назад +26

    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!

    • @MatheusBattisti
      @MatheusBattisti  2 года назад +2

      de nada Daniel =) Espero que vc tenha curtido

    • @nilolima5401
      @nilolima5401 2 года назад

      Eu tbm cara, impressionante. Eu imaginei que esse assunto era tão complicado, hoje eu vi que é extremamente simples

    • @PexuPixo
      @PexuPixo 2 года назад

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

  • @operator-SamuelColt
    @operator-SamuelColt 7 месяцев назад +1

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

  • @alineperella7054
    @alineperella7054 Год назад +3

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

  • @mbs2488
    @mbs2488 2 года назад +1

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

    • @MatheusBattisti
      @MatheusBattisti  2 года назад

      valeu Moa! Se quiser aprender mais sobre JS comigo, se liga aí: horadecodar.com.br/comunidade-hora-de-codar/ =)

  • @fvandrade
    @fvandrade 2 года назад +2

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

  • @theusz_carvalho
    @theusz_carvalho Год назад +1

    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!!

  • @thiagopires5407
    @thiagopires5407 Год назад

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

  • @alexandrepateis
    @alexandrepateis 2 года назад +3

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

    • @MatheusBattisti
      @MatheusBattisti  2 года назад

      show Alexandre, espero continuar te ajudando, e obrigado!

  • @Joao.Gabriel7
    @Joao.Gabriel7 2 года назад +2

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

  • @thescriptkiddie
    @thescriptkiddie Год назад +1

    Vídeo excelente professor, muito obrigado!

  • @lucasraymundo4167
    @lucasraymundo4167 2 года назад +1

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

  • @nedersimoes
    @nedersimoes 2 года назад +2

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

  • @gremioesportivo
    @gremioesportivo Год назад

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

  • @davimc1979
    @davimc1979 7 месяцев назад

    Salvou pro meu entendimento superior.

  • @adryelmartins6943
    @adryelmartins6943 Год назад

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

  • @lorranalves5495
    @lorranalves5495 2 года назад +1

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

  • @r4ulzito
    @r4ulzito 2 года назад +2

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

  • @thiagobispo1
    @thiagobispo1 2 года назад +1

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

  • @deivsonb7
    @deivsonb7 2 года назад +1

    Otima abordagem! Obrigado Matheus!

  • @anaamaral6855
    @anaamaral6855 2 года назад

    Parabéns pela dinâmica!!!

  • @drinks.a4230
    @drinks.a4230 Год назад

    Excelente! mais uma vez!

  • @levyjr6857
    @levyjr6857 2 года назад

    Muito foda vei, parabéns. Entendi tudo

  • @mbs2488
    @mbs2488 2 года назад

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

  • @jeffsilva
    @jeffsilva 2 года назад

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

  • @MarcosLanzoni
    @MarcosLanzoni 2 года назад +1

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

  • @JeffersonLuizCruz
    @JeffersonLuizCruz 2 года назад

    top demais. Não sabe como ajudou

  • @marcosjesus07
    @marcosjesus07 2 года назад +1

    Muito bom aula, sensacional!!!

  • @cassianocominetti7784
    @cassianocominetti7784 10 месяцев назад

    Muito bom vídeo!

  • @jasonloureiro7095
    @jasonloureiro7095 2 года назад +2

    Ótimo conteúdo Professor!

  • @PexuPixo
    @PexuPixo 2 года назад +1

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

  • @heitorrafael7650
    @heitorrafael7650 Год назад

    muito brabo, valeu !!

  • @lucianob.ferenczuk5698
    @lucianob.ferenczuk5698 2 года назад

    sensacional!!!

  • @wevertonsantiago4305
    @wevertonsantiago4305 2 года назад +1

    Topezara demais! Obrigado!

  • @profilmsnewvideo2022
    @profilmsnewvideo2022 Год назад

    Muito bom, top.

  • @JoaoPaulo-ox6pr
    @JoaoPaulo-ox6pr 2 года назад

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

  • @loveisforfree
    @loveisforfree 2 года назад

    muito boa a explicação

  • @guitt-web-code
    @guitt-web-code 2 года назад

    sua ditática e muito boa

  • @RicardoSantos-zn1zl
    @RicardoSantos-zn1zl Год назад +1

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

    • @nativadu7300
      @nativadu7300 10 месяцев назад +1

      eu sou de balneário Camboriú kkkk

  • @joezersmaniotto3103
    @joezersmaniotto3103 2 года назад +1

    Muito bom!

  • @guitt-web-code
    @guitt-web-code 2 года назад +1

    cara aula fantastica

  • @limaraianna
    @limaraianna 2 года назад

    Nice!! Thanks, 🙌

  • @jaquelineuchoa3042
    @jaquelineuchoa3042 2 года назад

    Muito obrigadaaa! Ajudou bastante!

  • @LEKYNH4
    @LEKYNH4 2 года назад +1

    Top prof!

  • @gustavonaves6947
    @gustavonaves6947 2 года назад

    Excelente aula! Parabéns 👏 👏

  • @aurimsjr
    @aurimsjr 5 месяцев назад

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

  • @jhenifferortega1148
    @jhenifferortega1148 2 года назад

    PERFEITO!

  • @FunctionDev
    @FunctionDev Год назад

    muito show

  • @eduardoserpa3940
    @eduardoserpa3940 2 года назад

    boa, Battisti!

  • @Henrique-sg9wm
    @Henrique-sg9wm 2 года назад +1

    eu tava precisando dessa aula em kkk

  • @a151412
    @a151412 2 года назад +1

    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

    • @MatheusBattisti
      @MatheusBattisti  2 года назад +1

      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! =)

  • @raulgermano6510
    @raulgermano6510 4 месяца назад

    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?

  • @Onepiece-ht3jn
    @Onepiece-ht3jn Год назад +2

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

  • @arquivo_alx
    @arquivo_alx 2 года назад +1

    Bom vídeo

  • @guitt-web-code
    @guitt-web-code 2 года назад

    professor faz um vídeo explicando o indexedDB

  • @nilolima5401
    @nilolima5401 2 года назад

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

  • @yagogomes3974
    @yagogomes3974 2 года назад

    muito bom

  • @PexuPixo
    @PexuPixo 2 года назад

    Poderia ter falado de cookie e cache também.

  • @aliriorios3699
    @aliriorios3699 Год назад

    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.

  • @italocelani
    @italocelani 7 месяцев назад

    Bravo.!!!!

  • @Matheus_1582
    @Matheus_1582 2 года назад +1

    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...

  • @scriptandojs7399
    @scriptandojs7399 2 года назад +1

    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!')
    }
    }

  • @elbarto7862
    @elbarto7862 Год назад

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

  • @Douglasespinola
    @Douglasespinola Год назад

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

  • @eduardoalmeida4692
    @eduardoalmeida4692 Год назад

    Maneiro, mas dificil pra kct hahahaha

  • @denneraladim6190
    @denneraladim6190 12 дней назад

    Um formulário deve ser salvo no localstorage ?

  • @raimundoclessyo8943
    @raimundoclessyo8943 Год назад

    sessionStorage: deleta quando fecha a Janela ou a aba?

  • @pedrocfreitas
    @pedrocfreitas Год назад

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

  • @gptchatbrasil
    @gptchatbrasil 4 месяца назад

    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

  • @pablosalazar8945
    @pablosalazar8945 2 года назад +1

    Professor tem cupom pro curso de react, quero comprar

    • @MatheusBattisti
      @MatheusBattisti  2 года назад +1

      teremos segunda que vem Pablo, só se inscrever na página de cursos para receber

  • @udsonfernandes6800
    @udsonfernandes6800 2 года назад

    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...

  • @rafaels.agapito4609
    @rafaels.agapito4609 Год назад

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

  • @JoaoVictor-gp3bx
    @JoaoVictor-gp3bx Год назад

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

  • @Themaface201
    @Themaface201 2 года назад

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

  • @raimundoclessyo8943
    @raimundoclessyo8943 Год назад

    Existe uma regra para quando utilizar o localStorage?

  • @andreassouza4393
    @andreassouza4393 23 дня назад

    não consegui baixar os e-books como faço para ter acesso ?

  • @rafaelfelipenovi6308
    @rafaelfelipenovi6308 Год назад

    É 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 ...

  • @ninha601
    @ninha601 2 года назад +1

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

    • @anaamaral6855
      @anaamaral6855 2 года назад

      depois do e.preventDefault(); é suposto ter uma chave para fechar a arrow function }

  • @tramonts
    @tramonts 2 года назад

    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)

  • @AgênciaPromoveAí
    @AgênciaPromoveAí 5 месяцев назад

    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

    • @MatheusBattisti
      @MatheusBattisti  5 месяцев назад +2

      Para refletir: O problema está em todos os outros professores ou em você?

    • @bryanstoise
      @bryanstoise 3 месяца назад

      Dos outros professores pq vcs assumem que já sabemos de algo, mas às vezes os não sabemos, então seria bom ter cards enviando para a explicação de algo caso a pessoa não saiba fazer aquela parte do processo. Agora já estou entendendo melhor. Mas realmente vocês não explicam detalhadamente o que estão fazendo.

  • @danilobucker
    @danilobucker Год назад

    engaja

  • @RapGod.
    @RapGod. 2 года назад +4

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

    • @danielcursos3653
      @danielcursos3653 Год назад

      muito obrigado por compartilhar esse conhecimento tmj mano😄

  • @vitorhugo-zary
    @vitorhugo-zary 6 месяцев назад

    Muito bom!