Тёмный

JSON формат и localStorage в Javascript - разбор 

Александр Дудукало
Подписаться 17 тыс.
Просмотров 9 тыс.
50% 1

Разбираю на примере формат передачи данных JSON в Javascript с использованием сохранения данных в localStorage.
👁‍🗨 Телеграм канал: t.me/frontend_du2
👁‍🗨 Discord сервер: / discord
👁‍🗨 VK: frontend_du2
👁‍🗨 Дзен: dzen.ru/frontend_it

Опубликовано:

 

20 дек 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 110   
@avelo895
@avelo895 27 дней назад
Я подобралась к 8 модулю в Skillbox, но лишь только что вообще увидела и узнала основной посыл JavaScript глазами - что он оживляет страницы, ведь именно так выглядит и девиз курса. То, как JavaScript вообще взаимодействует с HTML на деле, увидела лишь сейчас тут у Вас в Ютубе. Спасибо. Для меня всё вот это вот сейчас на экране большое открытие.
@OlegSol7266
@OlegSol7266 29 дней назад
Александр, большое спасибо за качественное подробное видео! У вас получается всё объяснять так просто и понятно, по-домашнему😃 Теперь не страшно начинать самостоятельную практическую работу в онлайн школе!
@user-fd1um8ku9v
@user-fd1um8ku9v 2 месяца назад
Александр! Спасибо вам огромное за ваш труд. Вы обьясняете очень доходчиво и понятливо. После вашего урока я уверен, что закончу и сдам практическую работу в SkillBox.👍👍👍
@user-gg8ke5ul3u
@user-gg8ke5ul3u Год назад
Спасибо Александр, за то что слышите ваших подписчиков!
@alex_dudukalo
@alex_dudukalo Год назад
Конечно, всегда прислушиваюсь. Спасибо вам за это и за ваши комментарии :)
@andreypavlukov1192
@andreypavlukov1192 Год назад
так измучился читая об этом сторонние материалы. И как всегда понятно лишь ваше пояснения Алекс, всё для простого народа)))
@alex_dudukalo
@alex_dudukalo Год назад
Я с поздним ответом )) Не всегда получается быстро ответить ) Большое спасибо, надеюсь ролики и дальше будут получаться максимально понятными))
@user-vs1ct8ii1y
@user-vs1ct8ii1y 3 месяца назад
Александр! Огромнейшее Вам спасибо!!! Вы преподаватель от Бога! Я не знаю чтобы мы без Ваших уроков выучили👍👍👍
@user-yg8nn9vp1w
@user-yg8nn9vp1w Год назад
Александр, приветсвую. 👋🏻 Все просто и понятно.👏🏻👌🏻 Затронули такую тему хранение данных в браузере, былоб интересно послушать, какие виды ещё есть типо sesion, cookies, для чего эти хранилища нужны и как обычно там и там можно сохранять данные и в каком случае можно использовать эти данные, к примеру токены и т.п.
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за ваш. комментарий и предложение. Обязательно разберу другие способы хранения и передачи данных между сервером. Думаю будет интересный контент :)
@avelo895
@avelo895 28 дней назад
Я как раз посмотрела модуль на Skillbox, где JSON уделили не более нескольких секунд, но предлагается решать с ним задачи. А тут Ваше качественное видео. Зачем Вам Skillbox? Открывайте свою школу. К Вам люди пойдут.
@user-wm5wk8pe9o
@user-wm5wk8pe9o 26 дней назад
хорошее видео, это я понял, теперь буду искать как сохранять данные в отдельный файл и работать с ним из js🙂
@AntonChernukhin
@AntonChernukhin 4 месяца назад
Александр спасибо Вам большое Вы лучший преподаватель, после Ваших уроков все становится понятно
@alex_dudukalo
@alex_dudukalo 4 месяца назад
Очень приятный комментарий от вас. Я рад, что вам нравятся видео, которые я предлагаю смотреть на канале :) Буду работать над новыми видео и делать контент лучше. Спасибо вам :)
@javas206
@javas206 Год назад
Комментарий в поддержку!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за поддержку комментарием :) С наступающим вас :)
@talkhinr
@talkhinr 2 месяца назад
Очень понятное объяснение, спасибо) желаю дальнейшего развития каналу
@RuslanaRovdo
@RuslanaRovdo 7 месяцев назад
Благодарю. Весьма помогло разобраться и как-то начать делать домашку
@alex_dudukalo
@alex_dudukalo 7 месяцев назад
Приятно, что материал оказался вам полезен 🤗 спасибо!оставайтесь на канале))
@Blood-Saw
@Blood-Saw Год назад
Спасибо за полезное видео!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам, за поддержку)
@user-gg8ke5ul3u
@user-gg8ke5ul3u Год назад
Александр, смотрю ваши видео в любую свободную минуту, так сказать наполняю свой жёсткий диск!) И да, ночью +100 к моим скилам программиста!)
@alex_dudukalo
@alex_dudukalo Год назад
Кажется я делаю полезное дело, судя по вашему крутому комментарию :) Очень рад этому. Да да :)) Я и сейчас делаю задачи в пол четвертого ночи :)
@user-wz1dz5xq3y
@user-wz1dz5xq3y 8 месяцев назад
20:46 = да, мне интересно! 23:36 = честно говоря уже прошел DOM. но это было через боль, так что еще раз повторил бы всё. Уже заметил там на канале на данный момент курс по JS, посмотрю его обязательно. Спасибо огромное! Очень помогли. На форумах лишь частные случаи более сложных конструкций, а тут вот для новчика: кратко, ясно.
@alex_dudukalo
@alex_dudukalo 8 месяцев назад
Здравствуйте, Кира :) Спасибо за ваш комментарий. Рад, что вам интересен материал. По валидации я уже записал ролик: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-dBybVmzQ-ao.htmlsi=W5ieuAfuDzVcoHWW Обязательно посмотрите его :) Да, на канале есть видео про DOM, там я показываю совсем базу но на интересном практическом примере :) Большое спасибо вам за поддержку. Мне это очень приятно :)
@njsaab9722
@njsaab9722 Год назад
Cпасибо Александр как всегда лучшие полезности*) лайк комм) у Вас хорошо получается наедемся на выходы новых роликов)))
@Magic_key900
@Magic_key900 8 месяцев назад
Очень хорошо объяснил 👏🏼 обычно везде пересказывают с методички, про LS. Здесь прям примером, то что мне нужно было 👍🏻
@alex_dudukalo
@alex_dudukalo 8 месяцев назад
Прошу прощения за долгий ответ :) Очень рад6, что вам понравился ролик. Да, мне кажется примеры очень хорошо иллюстрируют механизм работы и то для чего вообще это нужно. Рад, что вы поделились комментарием :)
@liliyakarasiova9782
@liliyakarasiova9782 2 месяца назад
Спасибо за ваши старания!
@alex_dudukalo
@alex_dudukalo 2 месяца назад
Спасибо за ваш комментарий :) Очень приятно
@liliyakarasiova9782
@liliyakarasiova9782 2 месяца назад
@@alex_dudukalo , я ваш голос узнала) Вы записывали урок для Skillbox "Сортировка массива методом пузырька".
@makeuppolina
@makeuppolina Год назад
Александр, спасибо большое! Благодаря вашему видео поняла где ошибка в моём коде и исправила её!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам. Здорово, что ролик помог вам разобраться с ошибкой )
@relaxdeepsleepmusic3608
@relaxdeepsleepmusic3608 7 месяцев назад
Вот и на завтра нашел что посмотреть вечером.
@alex_dudukalo
@alex_dudukalo 7 месяцев назад
Будет интересно узнать ваше мнение о ролике 😊 приятного просмотра
@DrKhmel
@DrKhmel Год назад
Очень полезное видео! Спасибо за урок!
@alex_dudukalo
@alex_dudukalo Год назад
Большое спасибо вам за ваш полезный комментарий :)
@user-co8ui7gk5g
@user-co8ui7gk5g 10 месяцев назад
Привет Александр! Все супер. Творческого настроя.👍
@alex_dudukalo
@alex_dudukalo 10 месяцев назад
Спасибо вам ) Рад, что ролик вам понравился )) Только вперед :)
@Denik-is6gi
@Denik-is6gi Год назад
Очень полезное видео!! Спасибо вам!! Очень хорошо разбираете и объясняете видео!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо, всегда стараюсь и стараюсь делать это лучше )
@user-hi4tj9xl4t
@user-hi4tj9xl4t 3 месяца назад
Супер! Все круто! Наглядно и понятно
@user-ub8jf6ok9b
@user-ub8jf6ok9b Год назад
Спасибо!!! Как всегда все оооочень понятно и интересно!
@alex_dudukalo
@alex_dudukalo Год назад
Надеюсь материал будет полезен и отразится на вашей работе :) Большое спасибо, что смотрите :)
@user-hc7wq9om9i
@user-hc7wq9om9i Год назад
Спасибо большое за полезную информацию! Очень полезное видео!👍👍👍👍👍
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам за ваш отклик))
@maxjones7981
@maxjones7981 Год назад
ну вот, а я только что и вебинар посмотрел и ролик твой 8 месячной давности с разбором, а тут апдейт)) большое спасибо за контент, наглядно и понятно) P.S. мучался два дня потому что одну строчку не написал, я так понимаю это типичная проблема в разработке))
@alex_dudukalo
@alex_dudukalo Год назад
Как всегда я запаздываю с ответом :) Да, решил наконец эту тему разобрать. Надеюсь видео помогло вам навести порядок с этими вопросами :)
@user-yy2fm4yd2u
@user-yy2fm4yd2u Год назад
Александр, просто лучший! Спасибо!
@alex_dudukalo
@alex_dudukalo Год назад
Большое спасибо ) приятно видеть отклики под роликами. буду дальше работать над ними ):
@user-hm4pv5ou7j
@user-hm4pv5ou7j Год назад
Спасибо за интересное и полезное, а главное доступое для понимания новичкам.
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам. Очень рад, что ролик был для вас полезным)
@vasyapupkin420
@vasyapupkin420 Год назад
Спасибо вам за ваш труд! Вы даете очень полезные знания! Александр, если будет время, сделайте, пожалуйста видео по созданию калькулятора с зависимыми выпадающими списками.
@alex_dudukalo
@alex_dudukalo Год назад
Здравствуйте, спасибо за ваш отзыв. Мне приятно. Сделать калькулятор - хорошая идея. Но не уверен, что я понял саму задумку. Если можете поделиться, будет здорово )
@megabulk
@megabulk Год назад
А английский язык у Александра становится всё лучше и лучше. Только все таки Джейсон это Стейтем))))))
@alex_dudukalo
@alex_dudukalo Год назад
))) Наверное у меня свой Английский, ну ничего. Буду учить и учить его )
@user-gx4ni8ku1c
@user-gx4ni8ku1c Год назад
Спасибо огромное, так понятно стало теперь! Очень крутое видео
@alex_dudukalo
@alex_dudukalo Год назад
Большое спасибо вам за ваш комментарий )) Прошу прощения ща долгий ответ (
@user-lm9ee1gn5p
@user-lm9ee1gn5p Год назад
Александр, спасибо, супер полезно как всегда
@alex_dudukalo
@alex_dudukalo Год назад
Благодарен вам за ваш комментарий :)
@user-wi9nd5vn5z
@user-wi9nd5vn5z Год назад
Красавчик. Радуй нас видосами. Здоровья и всех благ тебе
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо ))) Буду стараться. Спасибо тебе за теплейшую поддержку ) это направляет и подталкивает )
@user-wi9nd5vn5z
@user-wi9nd5vn5z Год назад
@@alex_dudukalo да не за что . Была б возможность я те разом миллион лайков поставил бы
@alex_dudukalo
@alex_dudukalo Год назад
@@user-wi9nd5vn5z ☺️спасибо
@Tosha.V
@Tosha.V 10 месяцев назад
Сделай ролик про то, как использовать локальный файл json/csv (на выбор) для хранения данных, сохранение/чтение/редактирование, а-ля мини база данных. Отличный повод рассказать про Node.js )
@alex_dudukalo
@alex_dudukalo 9 месяцев назад
Прошу прощения за долгое ожидание ответа😊Да, это очень хорошая идея, которая уже есть в плане записей роликов. Тема серверной части заслуживает отдельного плейлиста на канале. Обязательно это буду делать )) Спасибо!
@Sergei_Slv
@Sergei_Slv 22 дня назад
Лайк, подписка, комментарий.
@vrezh7672
@vrezh7672 Год назад
Спасибо! Про DOM интересно.
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам за наводку и за ваш комментарий :)
@Denik-is6gi
@Denik-is6gi Год назад
Спасибо за урок! Есть некоторая пожелание от подписчика) Может как то вы сможете сделать видео какие варианты есть сделать сайт мультиязычным.
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за ваш комментарий ) Да, вопрос хороший. Ставлю в список тем для разборов ) Думаю сделаю. Интересная тема
@andreyfedyukin8360
@andreyfedyukin8360 Год назад
Спасибо 👍
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за комментарий от вас :)
@rinatkin7703
@rinatkin7703 Месяц назад
Классное объяснение, интересно а комментарии здесь тоже в localstoreg сохраняються
@user-mt9lq4hl1c
@user-mt9lq4hl1c Год назад
Александр, спасибо за интересное и полезное видео! Сделайте, пожалуйста, видео как загружать файлы (тестовые, картинки, видео). в конце загрузки должно появиться картинка корзины, название загруженного файла, картинка для загрузки еще документа, а также эта часть формы меняет цвет и появляется переход к следующему окну. Очень буду благодарна за такое видео.
@ShuxriddinSolixov
@ShuxriddinSolixov 9 месяцев назад
как всегда БОМБА
@alex_dudukalo
@alex_dudukalo 9 месяцев назад
Спасибо за Ваш отзыв 😊
@RamaRama-qv3jo
@RamaRama-qv3jo Год назад
Спасибо!
@rosen7962
@rosen7962 7 месяцев назад
Очередной хороший урок :)
@alex_dudukalo
@alex_dudukalo 6 месяцев назад
Спасибо 🔥 оставайтесь на канале
@maxrasmol3625
@maxrasmol3625 Год назад
Ваши видео очень интересны! Было бы еще интереснее если бы показали как все это пишется на классах с использоваием ООП + TS))) в наше время это более актуально. Мало очень русскоязычного контента по этой теме.
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за ваш отклик. Интересная идея. Надо бы придумать интересный пример. Кстати, я делал подобное недавно. Есть видео про классы. Там работаю с сохранением) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-H8G9quGGjZM.html
@nargizagayfullina4062
@nargizagayfullina4062 4 месяца назад
Александр, спасибо за подробное видео. Не могли бы подсказать когда именно может понадобиться LocalStorage, для каких сайтов или приложений. Где можно применить его на реальной практике?
@itbloom9322
@itbloom9322 Год назад
супер
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо :)
@pvt_prest0n717
@pvt_prest0n717 10 месяцев назад
Здравствуйте Александр! Вопрос от новичка по JS. В вашем JS коде вы используете цикл for of для перебора каждого элемента в массиве msgList, но верно ли я понимаю что тут так же можно было бы использовать метод forEach, почему вы выбрали for of? Спасибо!
@alex_dudukalo
@alex_dudukalo 10 месяцев назад
Здравствуйте, очень хороший вопрос :) Да, можно использовать forEach и это тоже будет хорошее решение. for of - выглядит и читается проще. Я не хотел усложнять материал в видео. Ведь forEach требует понимания коллбек функций, которые прописываются в скобках и так же понимания того, что у массивов уже есть встроенные функции)
@pvt_prest0n717
@pvt_prest0n717 10 месяцев назад
@@alex_dudukalo Спасибо за ответ! ^ ^
@andrey-frontend
@andrey-frontend Год назад
Здравствуйте, спасибо за видео) Все очень интересно, есть вопрос : А можно как то html, css, ls запихнуть в 1 .exe?
@alex_dudukalo
@alex_dudukalo Год назад
Здравствуйте, спасибо за ваш комментарий. Нашел для вас такой способ. Возможно это поможет youon.ru/Web/konvertirovanie-html-prilozhenij-v-exe-dlya-windows Вообще можете искать ответ по такому запросу в поисковиках: компилировать html сайт в exe
@user-th6fr8du4x
@user-th6fr8du4x Год назад
на 36 минуте когда очищаются поля ввода имени и сообщения, почему не работает если пустую строку присвоить уже выбранной переменной userName и msg?
@alex_dudukalo
@alex_dudukalo Год назад
userName и msg это просто строки с текстом. Они никак не связаны с HTML элементами. Мы в них поместили значения из текстовых полей. И если менять эти переменные, то это никак не влияет на дом элементы :)
@user-th6fr8du4x
@user-th6fr8du4x Год назад
Спасибо
@romanromanov1721
@romanromanov1721 6 месяцев назад
Александр, подскажите есть ли способ получить данные из локального файла json. Без использования node?
@alex_dudukalo
@alex_dudukalo 6 месяцев назад
Здравствуйте, Роман. Это хороший вопрос, можно попробовать так: fetch('./youtJSON.json') .then(res=> res.json()) .then(data => console.log(data))
@romanromanov1721
@romanromanov1721 6 месяцев назад
@@alex_dudukalo Спасибо, попробую!
@user-lm9ee1gn5p
@user-lm9ee1gn5p Год назад
29:26 работа с localStorage
@alex_dudukalo
@alex_dudukalo Год назад
спасибо :)
@user-tq2lm6sn1t
@user-tq2lm6sn1t 7 месяцев назад
Александр, а сколько у вас коммерческого опыта в разработке??? И чем именно приходилось заниматься??
@alex_dudukalo
@alex_dudukalo 7 месяцев назад
Примерно 6-7 лет. Начинал на фрилансе с небольших задач и далее. К разработке сайтов для клиентов, доработок и работе в проектах.
@novichok3417
@novichok3417 7 месяцев назад
Bootstrap 5 вышел 5 мая 2021 года. А вы узнали почти через год . Извечный вопрос - что делать?
@alex_dudukalo
@alex_dudukalo 7 месяцев назад
Если ваш сайт сделан на устаревшей версии bootstrap, не вижу здесь ничего плохого. Еще можно сделать переход к новой. Для этого, возможно придется часть верстки изменить
@Elena.S.
@Elena.S. Год назад
:)
@KOTT_SHOW-08
@KOTT_SHOW-08 7 месяцев назад
Можно ссылку на исходный код?
@alex_dudukalo
@alex_dudukalo 7 месяцев назад
Да, без проблем. Прикрепляю ссылку на исходники t.me/frontend_du2/36
@KOTT_SHOW-08
@KOTT_SHOW-08 7 месяцев назад
@@alex_dudukalo Спасибо
@user-ik7sz3nt9e
@user-ik7sz3nt9e 2 месяца назад
Подача материала в Skillbox'е по Джава Скрипту просто ужас
@questions--answers-7
@questions--answers-7 3 месяца назад
Красава норм тема
@VItaliy-beldiy
@VItaliy-beldiy 5 месяцев назад
супер
@alex_dudukalo
@alex_dudukalo 5 месяцев назад
Спасибо 🔥🔥🔥
Далее
Асинхронный код в Javascript
39:21
Просмотров 9 тыс.
САМЫЕ ТУПЫЕ МАЖОРЫ С ПАТРИКОВ
33:19
Мама ударила дочь #shorts #iribaby
00:17
Сортировка массива в Javascript
21:31
САМЫЕ ТУПЫЕ МАЖОРЫ С ПАТРИКОВ
33:19