Учим JavaScript 32. LocalStorage

[@mihabu2673]

Супер круто! На дворе Новый год, фейерверки бахают - а я js изучаю.

[@itgid]

блин, вы не один!

[@BoffkaBoffka]

Фух... ну слава богу, а то я думал это у меня в голове бахает от LocalStorage

[@БорисМ-ц2м]

Однозначна подписка, нашел ответ на то что, долго искал!!! Автор, красавчик, и да еще фраза "маху" меня убила))))

[@itgid]

Без подготовки пишу, бывают траблы!

[@БорисМ-ц2м]

@@itgid тут нет ни какой ошибки, просто произношение смешное))) МАХУ

[@sir_incognito]

помимо великолепного донесения информации, присутствует некий шарм тикающих часов на заднем фоне))) я понял Вашу хитрость)) 5+

[@sir_incognito]

раз так слышно значт микро норм)) и это ничуть не раздражает, перестану смотреть если тиканья не будет))) *шутка*

[@itgid]

Пошел накладывать тиканье на остальные видео.

[@dimageorgiev5798]

молодец доходчиво и по сути !

[@itgid]

Спасибо!

[@vladimirjosan6127]

очень полезно, как раз этого знания и не хватало !

[@sergeykanyukov7758]

Отличные практические уроки!Особенно,если где-то уже теории "нахватался" - знания цементируются)))

[@kapotonai]

Определенно,лучший канал о JS на Ютубе.

[@artemmakatera8663]

реально полезный пример c localStorage . спасибо!

[@itgid]

Спасибо!

[@knatysik89]

спасибо, очень хорошее объяснение и с реальными примерами

[@Independent19c]

ВАУ....ну, нет слов)Спасибо.После кода крестиков ноликов, как бальзам на душу)

[@ivanushkov4275]

Отличный урок, спасибо!

[@itgid]

Спасибо!

[@ulanabasbekov1932]

Спасибо! отличный урок, коротко и ясно!

[@AlexandraSokolovskaya-o1b]

Александр, огромное спасибо за ваш труд)

[@yanahomeniuk5673]

Все зрозуміло! Дякую за урок!!!

[@_Fantom_.]

Спасибо за интересный урок!

[@gennadyga2257]

оч полезная штука, спасибо!

[@ГрифонВещий]

Добро! Я делал раньше на куках, теперь после этого видео буду активно использовать хранение в локал. Тем более в России сейчас по закону нужно информировать пользователя об использовании куков, про localStorage ничего не сказано)).

[@itgid]

рад что полезно!

[@jumagulyrysbekkyzy6319]

Спасибо,очень хорошо объяснили

[@nothingtosee676]

Спасибо большое! искал как в куки передать выбранный язык, но с localstorage все гораздо проще

[@МаксимХрамцов-к8щ]

Отличный урок .

[@itgid]

Спасибо!

[@ИяИя-п2к]

Как всегда, на высоте!

[@utlookworld5784]

Этот LocalStorage очень нужен для игр! Если в игре несколько ходов, то без LocalStorage браузер постоянно будет стирать результаты пройденных ходов

[@ichelsea]

Спасибо , довольно полезно)

[@ЕкатеринаВолкова-и7ь]

Отличное видео!!! Спасибо!

[@yaokouassijean-claude1499]

очень полезно как всегда..) и круто объясните ..

[@ДмитрийШаповалов-б6е]

крутой урок, крутое видео ! Очень понятно преподносишь. Агонь короче )

[@pavlodovbush2340]

Спасиба за уроки!

[@marinaermilova7912]

Очень круто! Спасибо

[@rs-vo1po]

Danke, sehr gut!

[@Астролит]

ООО, я точно так же куки проверял на php =))) супер!!! не знал

[@worldismine3565]

Что же интересно хранит session storage? Какие данные кладут туда? На сессионное время

[@entity9069]

Супер круто!

[@yurkagon]

Спасибо! Познавательно!

[@YuliaLunyova]

Спасибо за урок. Как сделать более сложную вещь: взять значения из input, создать на его основе элемент списка, и сохранить его в localStorage, чтобы этот новый элемент выводился в списке в следующий раз? Поля ключ-значение, что туда писать? Можно ли div id к примеру?

[@saintjavelin2126]

Благодарю за урок. Но забыл рассказать за методы localStorage.removeItem(key) и localStorage.clear().

[@2010Sheb]

Доступ к данным, если они есть в ls, может получить любой пользователь?

[@bilyki]

Скажите пожалуйста, а зачем создавать переменную "color", ведь и так будет работать?

[@romanprokopets3693]

не подскажите, у меня сделан некий образец формы для имени, телефона(просто для себя), который по нажатию на кнопку перенаправляет на новую страницу с этими данными, но проблема состоит в том, что при записи новых данных, указываются старые данные, по сути данные предыдущего человека.Как это исправить?

[@ДмитрийОпенков-ъ8и]

Подскажите, пожалуйста. а как из LocalStorage можно записать данные в файл на ПК пользователя?

[@valerkamops5388]

Спасибо огромное :)

[@Mike37373]

вы можете выложить файлы урока с 32 по 41 и дальше ? просто на самом интересном, файлы перестали выкладывать почему-то

[@Vimble]

Рассказывай те пожалуйста на какие сочетания клавиш нажимаете , как например вы сделалали button#green?

[@КостянЕрмаков-е9ю]

для этого вам желательно сначала бы попрактиковать HTML\CSS, а потом уже браться за JS, тогда бы такие вопросы не возникали. А так, это плагин Emmet, установленный в ST3.

[@Vimble]

Костян Ермаков вы не поняли, как быстро писать код?

[@singlebw4065]

Ответьте пожалуйста на вопрос. Есть авторизация на Ajax и вот как делают все (как я понял). Берут пароль и логин, логин закидывают в БД и достают клиента, если хешированый пароль и введёны клиентом совпадают то закидывают логин в $_SESSION ну и обозначение тип $_SESSION['online'] = true; Потом отсылают этот ответ с сервера, парсят и сравнивают. Если true то можно сидеть в аккаунте. Вот что я заметил вкладку Source на многих сайтах можно редактировать, заходить в Console вызывать функции до перезагрузки страницы, а там условия на JS которое ждут true с сервера. В своей консоле я могу словие поменять и подставить это true не дожидаясь с сервера, далее вижу спрятаны div который имитирует личный кабинет. Так это что получается можно так и на сайтах не дожидаясь ответа и наплевать на логины и пароли заходить в кабинет или что-то я не догоняю? У меня на последнем этапе авторизации видимо какие то сложности. Вот только чуть начал понимать глобальную $_SESSION но вот это недоразумение меня сбивает с толку

[@adi4232]

спасибо!

[@sashagavrlylyan2015]

Данные в инпутах, которые ввёл, тоже так можно сохранять при клике на кнопку?

[@itgid]

да, но они сохраняются в браузере пользователя.

[@РоманНерез]

Я люблю тебя)

[@alexeyko3924]

Получается с помощью LocalStorage мы можем сохранять фон сайта и др. данные?

[@itgid]

Да, причем сохранение идет на стороне человека, который загружает эту страницу.

[@ВикторТоп-р7т]

@@itgid есть видео с использованием куки??

[@flymorechannel9064]

Здравствуйте, у меня такой вопрос возник. Допустим я в localstorage сохраняю свой token. Как мне удалить его автоматически, например через час. Получается, что у меня сохранился такой объект {token: "{"token":"12345", "expires":1565789081654}", length: 1}. Где expires, это время окончания хранения. Время ставлю через Date.now() + 1000 * 60 * 60

[@paulelmatsidis2713]

Лик и субс! про интернет магазин продолжение будет?

[@лилпипка]

Как называется плагин который можно заметить на 8:29 ?

[@MySven1980]

body можно просто получить document.body

[@ПавелЕфименко-й1п]

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

[@Torpedo-ZIL]

Здравствуйте, уважаемый автор видео. Я начинающий. Делаю всё точно, как вы. И получается, что в localStorage записывается значение и ключ. И они там же и остаются, как и у Вас после обновления браузера. Но сам цвет заданный в значении ключа не применяется после обновления браузера. Т.е. обновил - нажал кнопку - применился зелёный цвет. И ключ со значение записались в localStorage. Обновил браузер - и опять белый background. Пробывал в двух браузерах - chrome, opera. И у меня текстовый редактор - phpStorm. Вот мой код: window.onload = function () { if(localStorage.getItem('bgcolor')!==null){ let color = localStorage.getItem('bgcolor'); document.getElementsByTagName('body') [0].style.background = 'color'; } document.getElementById('green').onclick = function () { console.log('work'); document.getElementsByTagName('body') [0].style.background = 'green'; localStorage.setItem('bgcolor', 'green'); } document.getElementById('red').onclick = function () { console.log('work'); document.getElementsByTagName('body') [0].style.background = 'red'; localStorage.setItem('bgcolor', 'red'); } }

[@claus7456]

12:04 возможно так и с паролями работает после выхода с сайта либо очистки истории =-=?

[@malytv1170]

Чел получилось сохранить данные в локалсторедж? Я уже 3 час пытаюсь решит эту задачу.

[@vadymkos3509]

А как сохранить числовые значения ?

[@MicroDobb]

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

[@itgid]

Нужно в локал сторадж писать состояние кнопки - допустим 1. И дописать функцию, которая при обновлении страницы читает localstorage и если кнопка нажата переводит ее в сосояние active.

[@MicroDobb]

Спасибо. буду разбираться. В данном случае работал по Вашему уроку, но немного по другому. window.onload = function(){ if(localStorage.getItem('content')!==null){ var style = localStorage.getItem('content'); document.getElementById('content').className = style, document.getElementById('c_panel_special').className = style; } document.getElementById('1').onclick = function() { document.getElementById('content').className = 'color-1'; localStorage.setItem('content', 'color-1'); } document.getElementById('2').onclick = function() { document.getElementById('content').className = 'color-2'; localStorage.setItem('content', 'color-2'); } } В данной функции - меняется цветовое оформление сайта (меняются темы: темная и светлая) путем изменения цвета в выбранных дивах, а хотелось бы еще подсветить выбранную кнопку. Пытаюсь применить Ваш урок № 33

[@mariasana9]

А де 31-й урок?

[@Vip-kw9id]

Хром отработал хорошо на маке в Local Storage, Safari категорически бьет ошибку в консоли:"Эта операция небезопасна (с англ.)" Во вкладке "Хранилище" --> ничего не выводит

[@A1x1On]

Скажите пожалуйста, это нормально авторизировать, проверять пользователя по ключам из localStorage ?

[@itgid]

как сказать, если вы храните все ключи всех пользователей у клиентов на машинах - то нет. Если вы храните уникальный ключ у конкретного пользователя и по нем авторизируете его - то норм. практически все системы так построены.

[@A1x1On]

да только для авторизации, логин, id итп пользователя хранятся в базе. хмм Надеюсь и с браузерами не будет проблем под Ios,android, спасибо

[@itgid]

Как видите проблемы могут быть только в operaMini под java старые телефоны: caniuse.com/#search=localStorage

[@q1dsdsdsq2dssdsd95]

у меня вопрос, как сделать в кэнвасе так, чтобы нарисовать черный круг при этом линию вокруг сделать зеленой шириной к примеру 10 и чтобы эта линия и оставалась такой ширины? просто когда я заливаю круг цветом ширина линии становится уже а я хочу чтобы линия была видна с заданной шириной

[@itgid]

для этого есть методы fill и stoke. Также нужно использовать closePath

[@q1dsdsdsq2dssdsd95]

нет, я использую, возможно просто неправильно, заливка работает, обводка тоже, просто не так , как я хочу

[@anixi85]

Очень хороший канал. Только плейлистов не хватает, вперемешку видео идут и по сайту путанно их искать

[@itgid]

Странно. Проверю сейчас.

[@itgid]

kzbin.info/www/bejne/qqmlqqWce715rJI

[@anixi85]

О ! теперь все отлично

[@YauhenRomeiko]

Спасибо за урок. Сразу же возник вопрос как удалять запись из хранения. Нашел на просторах, можно по аналогии создать кнопку удалить и по ее клику localStorage.removeItem('bgcolor');

[@69hp_pubg]

Верно, Вы можете удалить через removeItem('ключ')

[@ДмитрийЯкимук-ж9у]

LocalStorage - это и есть кэш-браузера?

[@dmytrotkachuk1493]

А как сохранить CSS и JS ?

[@yuriy_bl]

какие преимущества local storage перед куки?

[@itgid]

Никаких. Просто куки изначально это технология backend, а вот localstorage - это frontend. Хотя сейчас можно работать с куки и с помощью JS. Граница - стерта.

[@ericraudy]

у куки память маленькая 4Кб всего,против 5Мб у local storage

[@fanckler]

Расскажите как применять ЛокалСторейдж при AngularJS . на примере добавление заданий в ЛокалСторейдж!Пожалуйста

[@itgid]

Уточните, какие "задания"?

[@fanckler]

Ну вот базовое веб-приложение "блокнот или адрессная книга". В инпут вводим текст,после нажатия на кнопку оно у нас добавляется в список,через ng-repeat. Вроде все елементарно,но после обновления страници все ,что мы писали исчезает. Как вот сделать такое на Ангулар,на стороне клиента данные сохраняються?

[@fanckler]

Когда в инпут пишем текст,при клике на кнопку этот текст записывается у LocalStorage. Вот пример codepen.io/artemdemo/pen/hkoba Только здесь после обновления база не сохраняется.

[@itgid]

Да, сделаю, не проблема

[@fanckler]

Спасибо!ждем видео-урок!

[@lvivduncan]

у мене перевірка !null не працює: if (localStorage.getItem('bgcolor' !== null)) { перевірка true/false працює: var lS = localStorage.getItem('bgcolor'); if (lS) {

[@lanaslisenko7972]

а как поступить, если нужно записать массив в localStorage?

[@itgid]

преобразуете его в строку - с помощью JSON.stringify и пишете в LocaLStorage.

[@lanaslisenko7972]

@@itgid спасибо)

[@saintjavelin2126]

Lana Slisenko или через forEach пропусти

[@Game-oz6gg]

А у меня в браузере вместо application написано "Приложение".. А вместо localStorage - "Локальное хранилище"

[@ivansafronov3359]

Зачем нужен setItem? И для чего нужен getItem? Старался понять, но не вышло даже пересмотрев раз 15... Можете в крации объяснить, буду очень признателен! Спасибо за уроки)

[@itgid]

set - записать в хранилище данные, get - получить данные.

[@ivansafronov3359]

@@itgid а зачем получать данные?

[@itgid]

@@ivansafronov3359 Как зачем. Когда вы заходите на сайт, откуда все берется? С сервера.

[@ivansafronov3359]

@@itgid Ясно, большое спасибо!

[@olehlavryk5902]

А если комп перезагрузить? Сохраняться данные?

[@itgid]

да, до момента когда очистите данные самостоятельно в браузере.

[@lyop70]

данные из localStorage удаляються только если удалить браузер

[@temnihan]

где храняться данные ? в браузере? куки?

[@ДенисЛавров-т4з]

localStorage :) Application

[@МатвейЛогвинов-ш5в]

А когда будет тема про куки?

[@itgid]

в курсе jQuery

[@eminsahmuradov1105]

privet a kak delit LocalStorage na браузер tevo ne udalili

[@itgid]

Уточните?

[@victorkas2279]

я не знаю, перезанимался или что, но не доходит как задать автоматическую смену бэкгрунда, это очень прикольная фишка для сайтов была бы. попробовал перенести часть кода из урока по слайдерам, но что-то явно не так codepen.io/vic4884/pen/vRrzEb?editors=0010 ... хотя че я туплю, это же на @keyframes можно сделать в css, js не нужен для этого выходит...

[@watchbotzz]

Ждём js true))

[@МихаилДжекович-л1щ]

Brackets багает расширение Emmet ничего поделать не могу js не находит html файл. Кто сталкивался с данной проблемой помогите решить.

[@itgid]

Мне кажется Brackets потихоньку умирает. Попробуйте Visual Studio Code.

[@ВиталийСлободянюк-х8м]

Почему мак а не линукс?) Мне интересно почему веб-разработчики работаю на мак либо линукс где нету фотошопа...Как мне известно то на линукс нету фотошопа.

[@ВиталийСлободянюк-х8м]

Почему getItem???

[@itgid]

А что не так?

[@ВиталийСлободянюк-х8м]

Я имею виду почему именно это? И как сделать защиту если кто-то тоже так откроет консоль и начнёт мутить как мы в aplication? Или нет такой защиты? Можно поподробней?

[@itgid]

укажите кусочек кода

[@ВиталийСлободянюк-х8м]

кстате можно сделать систему лайков на localStorage?

[@ЯрославВальчишен]

Виталий Слободянюк Ну а ты сам подумай.Сохраняеш колво лайком и выводиш их.

[@kakamikadze]

Можно не писать !== null, зачем? и почему var??

[@daniilparokonnyy7980]

Ужасный звук мыши)

[@АсланИсанов-и8к]

Почему нельзя заранее подготовить то что собираетесь делать проверить работает это или нет. Нежели во время сьемок сидеть и делать так, потом говорит нет давайте по другому. Это очень расфокусировает.

[@ПаулаВенима]

Отлично спасибо! Подписка и лайк! У меня есть задачка для вас! Я, пока, и другие, не могут её решить, говорят, что она не решаемая. Есть вот такой виджет вконтаке dwweb.ru/-1/Kommentirovanie/11.html И требуется получить данные того, кто будет отправлять сообщения! 1. Если я владелец данного виджета, то все работает, как по маслу! 2. Но если это чужой, то получить имя фамилию невозможно И весь интернет твердит, что это невозможно! Но человек уже зашел на страницу, если у вас есть аккаунт вкотнтакте, то ваш аватар должен высветиться... уже долбаные данные переданы... Но из вытянуть ничего невозможно... Да и другими средствами... и способами, в общем видимо пока это невозможно, пока я не выучу JS. Единственное, что смог получить - это собственно текст сообщения...

[@itgid]

Тут чуть другая логика. Боюсь у вас не получиться этого сделать.

[@ПаулаВенима]

Ну вот и вы туда же...! Все пойду за веревкой и мылом...

[@itgid]

Если задача не имеет решения, значит условия свормулированы неточно. Опишите ситуацию, что и как вы хотите сделать. А я помогу.