Урок 17. JavaScript. Все о LocalStorage

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024
  • Получить профессию Frontend разработчика -
    bit.ly/3ysBkrp
    Подробнее узнать об обучении в Result School -
    bit.ly/3nrZyMi
    Бесплатный курс HTML & CSS - bit.ly/3NuHqf5
    Сделать 5 проектов на JavaScript - bit.ly/3AdInWm
    Я в соц сетях:
    Telegram: t.me/js_by_vla...
    VK: vladile...
    Instagram: / vladilen.minin
    Мои паблики по JavaScript:
    Telegram: t.me/result_sc...
    VK: result....
    Instagram: / result.scho. .
    JavaScript cообщества:
    Discord: / discord
    Telegram: t.me/js_by_vla...
    Roadmap по каналу:
    vladilen.notio...
    Все о LocalStorage
    Сложный JavaScript простым языком:
    • Урок 1. JavaScript. Чт...

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

  • @VladilenMinin
    @VladilenMinin  4 года назад +140

    Решил выложить ролик, который очень давно записывал и он ждал своего времени
    На неделе будет новый классный материал, чтобы вам было чем заняться в плане образования 🙂

    • @modesnero9884
      @modesnero9884 4 года назад +3

      Спасибо за ролик, важная тема. Планируешь делать видео по docker? :)

    • @RTDox
      @RTDox 4 года назад

      Если в браузере включить опцию "блокировать сторонние файлы куки" то сохранить в хранилище не получится.
      chrome://settings/content/cookies
      Нужно делать проверку:
      function StorageTest(){
      try {
      localStorage.setItem('test', 'test');
      localStorage.removeItem('test');
      return true;
      } catch(e) {
      return false;
      }
      }

    • @АлександрИванов-ц6ф4в
      @АлександрИванов-ц6ф4в 4 года назад

      пишу тебе в контакты - а мне пишет что заблокирована возможность писать личные сообщения :(((((((((((((((((((((((((((

    • @MarinYehor
      @MarinYehor 4 года назад

      Привет, Владилен! Я тебя прошу, не удаляй курсы с Udemy! Слышал, как они с тобой поступили, ничего не сказать! Я только закончить ванильный JS и страх как нуждаюсь в фрейме и пока лучше учителя, чем ты не нашел! Так как сейчас скидки я не могу удержаться перед покупкой React курса (мб еще куплю NodeJS). Спасибо тебе за твои труды!

    • @Kas-j2u
      @Kas-j2u 4 года назад

      Владилен, по eslint не планируешь курс?

  • @aliaksandrvasiukhnevich1098
    @aliaksandrvasiukhnevich1098 4 года назад +95

    Спасибо Владилен, даже не вериться что такой качественный контент может быть бесплатным, спасибо огромное))

  • @jackieuchiha7838
    @jackieuchiha7838 4 года назад +3

    Я человек простой. Вижу новое видео от Владилена - ставлю лайк!

  • @АлексейЕсев-п2ы
    @АлексейЕсев-п2ы 4 года назад +72

    Владилен, спасибо за видео! Всё просто и понятно изложено. Вопрос: будет ли видео по IndexedDB? Также хотелось бы увидеть от тебя обзор технологий хранения данных на клиенте с точки зрения реальной практики: когда и зачем использовать Cookie, SessionStorage, LocalStorage, IndexedDB.

  • @leonidprof3101
    @leonidprof3101 3 года назад +14

    Просмотрел целый плейлист! Очень информативно и понятно) Спасибо большое, что делаешь подобный контент! Респект!
    Очень помогает подготовиться к собеседованию)

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

    Как-то незаслуженно мало лайков
    Благодарю за контент 🙏🏼

  • @tomozi1
    @tomozi1 2 месяца назад

    Интересный момент с синхронизацией вкладок! спасибо за урок

  • @КирилоВасильєв-п3ы
    @КирилоВасильєв-п3ы 4 года назад +3

    спасибо, про ивент onstorage не знал, также кто читает комменты - есть еще sessionStorage существует только в рамках текущей вкладки браузера до закрытия вкладки

  • @pablos2401
    @pablos2401 4 года назад +2

    Огромное спасибо! Как раз нужно было разобраться с этим вопросом и два дня потратил, а результата 0. И вдруг Вы услышали мои молитвы и выложили данное видео, по которому я за 15 мин решил свою двухдневную проблему!
    Спасибо! Stay home!

  • @ВадимСтратиенко-р1и
    @ВадимСтратиенко-р1и 2 года назад +1

    Ну да, 42 отвечает на вопрос "Жизни, Вселенной и Вообще"). Спасибо за курс очень помог!)

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

    Спасибо дружище за твой вклад в IT обучение. Ты просто красавчик! Очень тебе благодарен за твои видео и курсы где очень понятным языком обьясняешь все аспекты которые затрагиваешь!

  • @dj-a
    @dj-a Год назад +1

    Спасибо! Кратко и доходчиво.

  • @voytekhalexander7889
    @voytekhalexander7889 4 года назад +3

    Просто хочу пожелать автору всех благ и выразить благодарность за всю серию роликов. Надеюсь когда-нибудь выдастся возможность учиться у вас на курсе. Владилен, большое спасибо!

  • @uaplatformacomua
    @uaplatformacomua 3 года назад +7

    Спасибо огромное за этот курс лекций и вообще за твою деятельность!

  • @AsVit
    @AsVit 4 года назад +5

    Владилен! Большое спасибо! Весь плейлист пройден от корки до корки) Много полезного и классная подача материала! Очень качественный контент!

  • @Egorro-h9u
    @Egorro-h9u 4 года назад +1

    Спасибо. Про события не знал

  • @ОлегПанфилов-д4ь
    @ОлегПанфилов-д4ь 4 года назад +9

    Спасибо, что делишься с нами своим опытом.
    Очень бы хотелось, чтобы ты записал ролик про IndexedDB, на youtube совсем нет видео (на русском) по данной теме.

  • @voicepoints832
    @voicepoints832 4 года назад +1

    Спосибо за видео,вы обсолютно отлично объяснили этот урок.Вы просто чудо в виртуальном мире.Я с большим удовольствием смотрю ваши ролики.Я мечтаю имееть ваши навики,мудросьти,находчивости и разума.Спосибо что вы вообще есть,снимаете интереесные, крутие,полезные, головокружительные,суперские, бомбические програмированые ролики для ваших подписчиков.Несмотя на короноСоВирука 😂😂.Будь здоров!!!!

  • @gustavolab2406
    @gustavolab2406 3 года назад

    Шайтанама!!!! Маг и волшебник)))))
    Огромное спасибо, реально видео помогло решить очень важную задачу

  • @tianaspark1550
    @tianaspark1550 4 года назад +1

    Супер! Благодарю за труд! Очень информативно и чётко. После просмотров роликов здесь купила курсы на Udemy. Очень довольна 👍💃

  • @sova_nn
    @sova_nn 4 года назад +4

    Огромное спасибо за видео, наконец-то все понятно, ура!

  • @МаксимЧ-к9я
    @МаксимЧ-к9я 2 года назад

    Спасибо за прекрасный урок!😀 Вечный жирный Вам лайк!😇 """🙂требуем🙏🙏🙏""" еще больше такого же хорошего и понятного видео по JavaScript !!! 👍👍👍

  • @ЖанараТурсунова
    @ЖанараТурсунова 3 года назад

    Без слов , просто лучший 👍👍👍

  • @checheliuk
    @checheliuk 4 года назад +15

    Большое спасибо. Как всегда все круто. Про Socket не планируешь записать видео?

  • @ОлегКотов-л6п
    @ОлегКотов-л6п 4 года назад +1

    Спасибо! Ждем новых поступлений!

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

    Владилен, спасибо большое за данный плейлист. Ты красавчик!

  • @bystryisokol1546
    @bystryisokol1546 4 года назад

    Было бы здорово увидеть ролик такой же ролик про куки. Благодарю за очень полезный материал этого ролика и всего канала.

  • @StormShadow-p9x
    @StormShadow-p9x 4 года назад +4

    Спасибо за ролик, давно его ждал, но еще больше чем спасибо это за курс который сегодня утром купил по Node js это просто каеф

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

    Спасибо огромное, очень помогло в работе!

  • @АртурБеленченко
    @АртурБеленченко 4 года назад +1

    Благодарю Вас Владилен! Люблю изучать JavaScript вместе с Вами!

  • @yevheniimoskalenko1624
    @yevheniimoskalenko1624 4 года назад

    Твои уроки просто пушка !!!!!!!!!!!!!!!!!

  • @userbilas
    @userbilas 4 года назад +1

    Подчеркнул, усвоил, закрепил. Спасибо большое)

  • @AlijonKambarov-rb7kx
    @AlijonKambarov-rb7kx 3 месяца назад

    Четко и понятно , спасибо

  • @СмирновАлександр-л4щ
    @СмирновАлександр-л4щ 4 года назад +1

    Спасибо за контент

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

    Спасибо за видео! Очень понравилась подача информации и понятные объяснения

  • @БогданЗинкевич-г3в
    @БогданЗинкевич-г3в 2 года назад

    Бро это просто топ.Спасибо все щипетильные вопросы затронул и мои пробелы.Плейлист чудо!!!!

  • @waldemar_dev
    @waldemar_dev 3 года назад

    Спасибо за труд и успехов в жизни.

  • @amirkompaev5571
    @amirkompaev5571 3 года назад

    все четко, кратко и ясно, спасибо

  • @Davinmsu
    @Davinmsu 4 года назад

    Я бы добавил к словам в конце, что проблема отправки cookie в запросе на сервер не столько в том, что их прочитает сервер (можно и весь localstorage отправить на сервер), а в том, что их прочитает кто-то по дороге, если используется незащищенное соединение.

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

    Бесконечная благодарность! Думаю благодаря тебе быстрее прибавится думающих и интересующихся специалистов! Счастья)

  • @user-BillNorton
    @user-BillNorton 3 года назад

    Присоединяюсь, спасибо очень доходчиво!

  • @timursholokh8520
    @timursholokh8520 4 года назад

    Всё просто и понятно. Огромное спасибо 👍

  • @bitmainuser4028
    @bitmainuser4028 4 года назад +1

    Здоровья тебе, миленький)

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

    Большое спасибо! Всё понятно !

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

    Шикарное видео! Спасибище!!!

  • @CHEloveg22
    @CHEloveg22 4 года назад

    На прошлой неделе проходил собеседование (завалил), был вопрос про отличие куки и local storage, а видео посмотрел только сегодня(
    Большое спасибо за видео!

  • @Anonim-m2u
    @Anonim-m2u Год назад

    Спасибо большое!☺

  • @zmeygorynych5684
    @zmeygorynych5684 3 года назад

    Пушка машина) Теперь буду смотреть твои практики

  • @ОлексійШевчук-р8б
    @ОлексійШевчук-р8б 3 года назад

    Cпс все понял лайк. Хорошо и просто обясняешь

  • @ВладимирАнтоненко-д5й

    Спасибо огромное) Успехов

  • @ЕгорДьяконов-ш3з
    @ЕгорДьяконов-ш3з 4 года назад

    спасибо за понятное видео по LS)

  • @bormanandreevich9108
    @bormanandreevich9108 4 года назад +1

    Владилен, большое спасибо за Ваш труд! Побольше бы видео по энгулар)

  • @МаксимПанчук-г8е
    @МаксимПанчук-г8е 3 года назад

    Просмотрел твой курс полностью, спасибо за работу, все очень легко и доступно!

  • @Ariadne.sThread
    @Ariadne.sThread 3 года назад

    Спасибо большое за труд!!!

  • @bochurin
    @bochurin 4 года назад

    Спасибо! Теперь еще было бы хорошо и про работу с куками!

  • @dkaygorodov
    @dkaygorodov 4 года назад +1

    Спасибо за видосик. Пошел обучаться)

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

    спасибо огромное, действительно понятным языком😍

  • @ТариэлТаиров
    @ТариэлТаиров 3 года назад

    Спасибо большое. Все четко объяснили)

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

    Спасибо за видео)

  • @michailkhlebnikov
    @michailkhlebnikov 4 года назад

    А по делу. Кидайте компрессию на голос и убирайте пики. Это несложно установив VST из бесплатных и обрабатывая голос в Audacity. Пресеты в них есть. Даже если посмотреть настройки, поискав в сети, то настраивается это всё дело один раз и навсегда. Тогда вообще можно писаться на встроенный микрофон проводных наушников стоимостью от 1000 руб от фирмы JBL. Семплы у меня не сохранились, но как-то я делал простые уроки по верстке и так решил вопрос со звуком. Удобоваримо для таких обучалок.

    • @VladilenMinin
      @VladilenMinin  4 года назад

      Благодарю
      Ознакомлюсь

  • @Crazy_Noodl
    @Crazy_Noodl 4 года назад

    Спасибо за ролик) думаю стоит упомянуть что в "строгом режиме" ведет себя чуть по другому, а то сам сначала не понял почему посыпались ошибки

  • @aleksandrstaetskiy5687
    @aleksandrstaetskiy5687 4 года назад

    Суперский урок

  • @Civilizer1976
    @Civilizer1976 4 года назад

    Отличный плейлист. Наконец-то осилил. Кажется что вечность прошла, столько всего узнал. Но требуется дефрагментация диска, того что в черепной коробке. По этому бегло просмотреть повторно. Но а что-же дальше? Нахожусь на развилке. Пока смотрел уроки, попутно просматривал вакансии и на фрилансе что касается JS. По моему 50/50 фронтенд/всё остальное. Надеюсь пока буду пересматривать определюсь что дальше (Vue.JS, React, Node.js, или дальше чистый js). Благодарность автору за работу!

    • @VladilenMinin
      @VladilenMinin  4 года назад +1

      Очень рекомендую курс в описании перед фреймворками. Потом с ними будет намного проще

    • @Civilizer1976
      @Civilizer1976 4 года назад

      @@VladilenMinin Имеется ввиду этот: Стань JavaScript Senior: clc.to/senior? Но ведь я даже не то чтобы джуниор, я даже не стажёр ещё пока. И, если это тот курс, достаточно-ли мне тех знаний которые получил в данном плейлисте, что-бы начинать прохождение его?

    • @Civilizer1976
      @Civilizer1976 4 года назад

      @@VladilenMinin, блин, вчера вечером только посмотрел твои объяснения, как последовательно и что изучать по твоим материалам. В конце этого видео ruclips.net/video/Bluxbh9CaQ0/видео.html и здесь ruclips.net/video/BG9ebZaD1Os/видео.html
      Я по ошибке считал что именно данный плейлист и есть - основы, по этому "немного" офигевал от того насколько сложно, и несколько раз чуть не бросал. Благо, что базу посмотрел до этого плейлиста у другого автора. Да, теперь сделаю всё пошагово: сначала просмотрю основы, потом плейлист JavaScript , Особенно ecmascript. За одно, надеюсь, подкоплю деньжат на курс.

  • @definitely384
    @definitely384 4 года назад

    Огромное спасибо тебе за эти ролики! Также хотелось бы увидеть видео о FileReader.

  • @grommaks
    @grommaks 4 года назад

    Классно, использовал событие storage для авторизации. Когда в соседней вкладке происходил логин или разлогин, то все вкладки вели себя одинаково
    Но что я не догадался, обратить внимание что находится в событии :)
    В целом этот прием кроме как для авторизации не пригодился ни где, то так оно и работает теперь :) Но теперь то я буду знать, что можно филтровать изменения по объекту event

  • @v.doroshyn
    @v.doroshyn 4 года назад +1

    Спасибо за видос. Но по моему, нужно было больше раскрыть вопрос cookies vs localStorage. Так же многие люди наоборот говорят работать с cookies потому что localStorage менее секьюрный dev.to/rdegges/please-stop-using-local-storage-1i04

  • @azrae21
    @azrae21 4 года назад

    Просто лучший!

  • @danybohd
    @danybohd 4 года назад

    Гарно пояснюєш!

  • @mihinov
    @mihinov 4 года назад

    Привет, Владилен. Ты забыл добавить это видео в плейлист сложного JavaScript, не забудь добавить. Спасибо за уроки, сейчас сижу разбираюсь в ООП с твоими уроками

  • @muhammadtadjiev1787
    @muhammadtadjiev1787 4 года назад

    Super explanation) love it

  • @andrii_kyslov
    @andrii_kyslov 4 года назад

    Необходим урок по cookie!

  • @qutbiddinmakhmudov4088
    @qutbiddinmakhmudov4088 4 года назад

    Хорошая вещь. Все понятно все просто хотел попросить такое же видео о регулярных выражениях я в них не разбираюсь но очень интересно

  • @ВасилийФёдоров-ж3ф
    @ВасилийФёдоров-ж3ф 4 года назад +9

    Спасибо за ролик, лайк! Насколько корректно хранить авторизационный токен в LocalStorage, например в React SPA? Например, у нас форма авторизации посылает логин-пароль на сервер, сервер возвращает токен, который далее должен передаваться в заголовках для работы с приватными контроллерами API. Нигде толком не разбирается вообще тема с авторизацией в SPA. Нужен ли бэкенд для хранения сессий в обязательном порядке или можно использовать localstorage просто записывая туда токен? Хотелось бы видео на эту тему

    • @undefined-n5v
      @undefined-n5v 4 года назад +1

      Скорее нет, чем да. Нельзя управлять временем жизни данных в LS, а в случае токена он не должен жить вечно

    • @Alexander-om5sw
      @Alexander-om5sw 3 года назад

      Такие данные только на серваке должны храниться. Это ж основы.

  • @ВалерийМарочкин-ы6в

    Круто рассказал

  • @placebocontrolled8507
    @placebocontrolled8507 4 года назад

    Спасибо за видео, очень вовремя! Хотелось бы теорию по JSON Web Token и немного практики

    • @VladilenMinin
      @VladilenMinin  4 года назад +1

      В курсе по мерн есть полная информация по этому

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

    Спасибо!

  • @alcacademy_it
    @alcacademy_it 4 года назад

    Очень качественные уроки, запиши уроки про DOM

  • @todayisyourfuture
    @todayisyourfuture 3 года назад

    Здравствуйте Владилен!
    о cookies тоже выпускаете ролик, пожалуйста, это для профессионалов да

  • @garikbro2379
    @garikbro2379 3 года назад

    Лучший!

  • @НикМеняйсяилисни
    @НикМеняйсяилисни 11 месяцев назад

    хороший урок

  • @Alexal3
    @Alexal3 3 года назад

    Расскажи про IndexedDB, пожалуйста. Спасибо за контент!)

  • @OleksandrPoponia
    @OleksandrPoponia 4 года назад

    Владилен, большое спасибо за все твои видео.
    Хотелось бы ещё увидеть гайд по пользовательским ивентам.
    Конкретно сейчас, интересует вопрос как создать клик без обьекта, а просто на месте мышки пользователя.
    Возможно знает кто метод на чистом JS

  • @SeverHolod
    @SeverHolod 4 года назад

    Хотелось бы увидеть урок по глобальному объекту JSON и работе с ним

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

    переменная со значением "42" это отсылка на фильм "Автостопом по галактике")))

  • @samolevich
    @samolevich 4 года назад

    Крутотенечка. Спасибо

  • @ВейсалТаштанов
    @ВейсалТаштанов 4 года назад +32

    Владилен, привет. Спасибо за уроки! Такой вопрос: Работал ли ты с регулярными выражениями, если да, то как на счет того, что бы запилить видос. Тема, в принципе серьезная, раз мы по твоему каналу идем к Senior разработчику) Еще раз спасибо!!

    • @Ziraman13
      @Ziraman13 4 года назад +1

      Вот еще одна ссылка (сам по ней создаю регулярки - удобно из-за памятки, а если прям часто приходится, то в шторме у меня стоит плагин, в ссылку смотрю на некоторые правила, как выше писали, если постоянно не пользоваться - забывается): uvsoftium.ru/php/regexp.php

    • @ВейсалТаштанов
      @ВейсалТаштанов 4 года назад

      @@Ziraman13 Огромное спасибо!

  • @hutoryanin
    @hutoryanin 4 года назад

    *Л. а. й. к. о. с.* за видос.

  • @ТилекМамбетов-ъ3э

    Пушка!

  • @СерёгаСокольский
    @СерёгаСокольский 4 года назад

    Спасибо Владилен! Запиши пожалуйста урок про SSR.

  • @yakut54
    @yakut54 4 года назад

    И снова здравствуйте! как всегда лайк!

  • @Slavec5
    @Slavec5 4 года назад +1

    10:30 уместно ли использовать ключевое слово const? Для объекта, который изменяется

  • @MarioDev
    @MarioDev 4 года назад

    Спасибо, как всегда полезно и по делу)

  • @АндрейЯкир
    @АндрейЯкир 4 года назад

    Очень бы хотелось послушать о worker-ах в js :)

  • @danielkondratiuk9076
    @danielkondratiuk9076 4 года назад

    Спасибо за видосы)

  • @YuriiKratser
    @YuriiKratser 4 года назад +1

    Владилен, спасибо большее! Ты не забыл про создания кастомного селекта? Готовь свою собственную платформу вместо Udemy. Дай Бог дожить, я с удовольствием куплю премиум подписку)

    • @VladilenMinin
      @VladilenMinin  4 года назад +3

      Кастомный селект будет)
      Своя площадка почти готова)

  • @romanbolshiyanov
    @romanbolshiyanov 3 года назад

    Спасибо за Видео. А можно рассказать об indexDB?

  • @АлександрФилатов-ш8и

    Молодец!

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

    Спасибо за видео Владилен.
    Вопрос можно, что первое, get или set.
    И еще один вопросик, что только не читал про json, но так и не понял что это.

  • @Александр-ь5н8у
    @Александр-ь5н8у 4 года назад +1

    Ой как в тему! ! !

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

    Ставь лайк, если посмотрел все видео из этого плейлиста. Я чувствую себя богом! :D