Основи JavaScript для початківців #29 - Сховища браузера. Local Storage, Session Storage, Cookies

Ғылым және технология

vitalysavchuk2312@gmail.com - електронна пошта для зворотного зв'язку
github.com/savchukit/web-stor... - код на GitHub
• JavaScript Cookies vs ... - коротший англомовний ролик на цю ж тему
Таймкоди:
0:00 - Вступ
5:09 - об'єкт localstorage
9:15 - Local Storage на практиці
51:47 - Session Storage на практиці
57:08 - Cookies
1:02:14 - порівняльна табличка

Пікірлер: 30

  • @Alex_Fliming_UA
    @Alex_Fliming_UA8 ай бұрын

    Ще не дійшов до даного уроку, але вже лайк і коментар! Підмімаємо український іт-контент у топ.

  • @user-resko
    @user-resko8 ай бұрын

    Ви просто скарб! Дякую величезне! Для мене, мамочки в декреті, це неймовірна знахідка

  • @irynazdobnikova4501
    @irynazdobnikova45018 ай бұрын

    Дякую за чудове пояснення теми. Чекаю на наступні відео!!!

  • @BMikel
    @BMikel8 ай бұрын

    О, це те у чому я плаваю. Красно дякую

  • @user-pg1is4bq2q
    @user-pg1is4bq2q8 ай бұрын

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

  • @MuzKlip
    @MuzKlip7 ай бұрын

    Дякую. Мені подобається Ваш контент. Дуже гарне пояснення, але трохи довге.

  • @man_money_
    @man_money_7 ай бұрын

    Велике дякую за урок! Практичне заннятя з цього уроку мені видалося найскладнішим за весь час курсу. Ще раз дякую автору за працю

  • @katelanina2693
    @katelanina26937 ай бұрын

    дякую за чудовий контент! Нарешті змогла зрозуміти деякі теми, які ніяк в голову не влазили) 🥰

  • @kirby9906
    @kirby99068 ай бұрын

    Ооо, нове відео. Скоро дійду до цього уроку, а поки проміси вчу. Про куки, Local Storage та Session Storage цікаво буде послухати, хоч про куки я вже озайомився на каналі Попелюхи про API

  • @cryptobrarry
    @cryptobrarry6 ай бұрын

    дякую вам, ще згадую часи коли браузери (окрім сафарі) підтримували flash (.swf) і можна було використовувати щось дуже схоже на localStorage коли як браузери тих часів крім кук більше нічого не підтримували

  • @user-md1es1dc1j
    @user-md1es1dc1j7 ай бұрын

    Безмежно вдячний за уроки, за цей чудовий курс та ваші зусилля. По можливості відпишіть на пошту в мене виникли складнощі з практичним завданням по масивах(((

  • @serhiimakohon4361
    @serhiimakohon43615 ай бұрын

    вітаю! помітив баг в роботі застосунку, якщо додати в корзину декілька одиниць одного товару, а потім зменшити їх кількість(наприклад спочатку додати 3 одиниці, а потім зменшити до двох) то в local storage буде чотири одиниці, бо за умовою коду(починаючи із 164 рядка) при будь якій маніпуляції із кількістю одиниць товару(додати чи відняти) product.amount збільшується на одиницю. я виправив це додавши до quantity input className "quantity-input” при його створенні, а далі при спрацюванні умови на 164 рядку ( if (productInCart > -1) ) присвоюю змінній qtyInput HTML колекцію із класами "quantity-input”, і далі роблю перевірку if else: якщо(if) значення кількості одиниць товару в інпуті більше від значення кількості одиниць цього ж товару у local storage - збільшую це значення у local storage на одиницю. інакше(else), якщо значення кількості одиниць товару в інпуті МЕНШЕ від значення кількості одиниць цього ж товару у local storage - ЗМЕНШУЮ це значення у local storage на одиницю. таким чином кількість одиниць товару в інпуті і кількість одиниць цього ж товару у local storage стають рівними. ось так описане вище виглядає в коді: // додаю className для quantity після 130 рядка quantity.className = "quantity-input"; // далі вношу основні зміни після 164 рядка if (productInCart > -1) { const qtyInput = document.getElementsByClassName("quantity-input"); if ( qtyInput[productInCart].value > currentCartProducts[productInCart].amount ) { product.amount++; currentCartProducts.splice(productInCart, 1, product); } else { product.amount--; currentCartProducts.splice(productInCart, 1, product); } } додатково відправив пул реквест із цим покращенням на гітхабі ;) p.s. дуже дякую за чудові уроки і максимально доступне пояснення українською, цей канал допомагає мені освоювати нову інформацію і освіжати в памʼяті трохи позабуті речі)

  • @denyslysenko9617
    @denyslysenko96178 ай бұрын

    Дякую за черговий інформативний і цікавий урок! З метою підвищення рівня конструктиву і інтерактивності, а також задоволеності прискіпливих алгоритмів youtube, які не дають написати щось змістовне по темі в коментарях, пропоную (якщо це можливо) Віталію зробити pull request на відповідних репозиторіях.

  • @user-di4en9et9g
    @user-di4en9et9g8 ай бұрын

    Вибачте якщо відволікаю від чогось важливого, просто хотів побажати Вам усмішки і подякувати за все. ;)

  • @savchukit1454

    @savchukit1454

    8 ай бұрын

    Надзвичайно вдячний! :)

  • @user-pg1is4bq2q
    @user-pg1is4bq2q7 ай бұрын

    Привіт, Віталій, я хочу трішки похвалитись, я написав цей сайт власнотушки, можливо для когось це раз плюнути, але тим -не-менш я це зробив. Дуже дякую тобі за контент, адже я інколи передивляюсь твої відео з минулих тем навіть не для того щоб повторити, а просто бо мені по кайфу дивитись твої відоси, бажаю рухатись у тому самому руслі та тільки взльотів у кар'єрі))😋 Ну і на остаток, у тебе є в планах зробити курс по реакту? Якщо так, то в яких приблизно термінах? Заздалегідь дякую за відповідь))😉😊

  • @savchukit1454

    @savchukit1454

    7 ай бұрын

    Привіт, це дуже потужно насправді, молодець!) Так, планую Реакт, як тільки завершу js. Тут ще 2-3 уроки максимум залишилось. В термінах зорієнтувати не можу, бо важку записувати відео, коли поєднуєш це з роботою, хобі та особистим життям...)

  • @RoTrend23493
    @RoTrend234938 ай бұрын

    Xто починав 2 роки назад з Віталієм вчити css з перших лекцій - той вже або давно закинув цю справу, або працює в IT)))

  • @ituachannel3
    @ituachannel38 ай бұрын

    дуже корисні та інформативні уроки, дякую за якісний україномовний контент 👍👍👍 Чи можна зв’язатись з автором каналу?

  • @ivanlitvinov7715
    @ivanlitvinov77156 ай бұрын

    Трішки дам критики) Зараз потрібно вивчаю про локальне сховище і коли знайшов це відео, був дуже радий що воно україномовне) Але для мене відео далось досить складно, місцями важко було зрозуміти код і видно що вам складно було орієнтуватися в кодові, адже ви говорили за одну функцію але мимоволі наводили на іншу, помічали цю помилку та переходили на потрібну функцію і так трохи разів. А ще ви дуже швидко говорили, відчуття ніби відео стоїть на 1.5х😅 Суть локального сховища я зрозумів і для чого воно, але як його використати на практиці так і не вийшло зрозуміти. Однозначно підписка та лайк за український контент, ваше відео про Local Storage перше на українській мові💪

  • @olegd.4838
    @olegd.48388 ай бұрын

    наскільки пам'ятаю, при використанні JWT можна встановити у коді свій expire time для токену) П.С. - дякую за відео)

  • @savchukit1454

    @savchukit1454

    8 ай бұрын

    Так, забув сказати, дякую!)

  • @_prosto-kuzua_6584
    @_prosto-kuzua_65844 ай бұрын

    як на мене тема була передана погано , помімо того що намагаєшся зрозуміти прошлий код і тримать в голові його функціонал так щей зверху іде інфа про Local Storage , я вважаю що простіше було б продемонструвати на чомусь простому і банальному, не маштабному , тоді б була краща концентрація на основній темі заняття

  • @savchukit1454

    @savchukit1454

    4 ай бұрын

    Можливо, так, хотів на практичному прикладі одразу пояснити просто

  • @user-hs4hh5xz6y
    @user-hs4hh5xz6y8 ай бұрын

    Скільки ще урок буде?

  • @godotengine_ru
    @godotengine_ru8 ай бұрын

    Яка для вас буда найважча тема при вивченні джс? Тема яку ви найважче зрозуміли

  • @savchukit1454

    @savchukit1454

    7 ай бұрын

    Мабуть, проміси і прототипи

  • @user-ec6ys1ib1y
    @user-ec6ys1ib1y4 ай бұрын

    Самий незрозумілий урок... В цій темі треба в іншому місці розбиратися)) Хотя суть зрозуміла, для чого Local Storage і як він працює, но вот як його реалізувати - взагалі непонятно)

Келесі