Основи 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
Ще не дійшов до даного уроку, але вже лайк і коментар! Підмімаємо український іт-контент у топ.
Ви просто скарб! Дякую величезне! Для мене, мамочки в декреті, це неймовірна знахідка
Дякую за чудове пояснення теми. Чекаю на наступні відео!!!
О, це те у чому я плаваю. Красно дякую
суппееерр, я чекав саме цього відео з локалсторедж як момент, коли я закрию свою першу сесію))
Дякую. Мені подобається Ваш контент. Дуже гарне пояснення, але трохи довге.
Велике дякую за урок! Практичне заннятя з цього уроку мені видалося найскладнішим за весь час курсу. Ще раз дякую автору за працю
дякую за чудовий контент! Нарешті змогла зрозуміти деякі теми, які ніяк в голову не влазили) 🥰
Ооо, нове відео. Скоро дійду до цього уроку, а поки проміси вчу. Про куки, Local Storage та Session Storage цікаво буде послухати, хоч про куки я вже озайомився на каналі Попелюхи про API
дякую вам, ще згадую часи коли браузери (окрім сафарі) підтримували flash (.swf) і можна було використовувати щось дуже схоже на localStorage коли як браузери тих часів крім кук більше нічого не підтримували
Безмежно вдячний за уроки, за цей чудовий курс та ваші зусилля. По можливості відпишіть на пошту в мене виникли складнощі з практичним завданням по масивах(((
вітаю! помітив баг в роботі застосунку, якщо додати в корзину декілька одиниць одного товару, а потім зменшити їх кількість(наприклад спочатку додати 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. дуже дякую за чудові уроки і максимально доступне пояснення українською, цей канал допомагає мені освоювати нову інформацію і освіжати в памʼяті трохи позабуті речі)
Дякую за черговий інформативний і цікавий урок! З метою підвищення рівня конструктиву і інтерактивності, а також задоволеності прискіпливих алгоритмів youtube, які не дають написати щось змістовне по темі в коментарях, пропоную (якщо це можливо) Віталію зробити pull request на відповідних репозиторіях.
Вибачте якщо відволікаю від чогось важливого, просто хотів побажати Вам усмішки і подякувати за все. ;)
@savchukit1454
8 ай бұрын
Надзвичайно вдячний! :)
Привіт, Віталій, я хочу трішки похвалитись, я написав цей сайт власнотушки, можливо для когось це раз плюнути, але тим -не-менш я це зробив. Дуже дякую тобі за контент, адже я інколи передивляюсь твої відео з минулих тем навіть не для того щоб повторити, а просто бо мені по кайфу дивитись твої відоси, бажаю рухатись у тому самому руслі та тільки взльотів у кар'єрі))😋 Ну і на остаток, у тебе є в планах зробити курс по реакту? Якщо так, то в яких приблизно термінах? Заздалегідь дякую за відповідь))😉😊
@savchukit1454
7 ай бұрын
Привіт, це дуже потужно насправді, молодець!) Так, планую Реакт, як тільки завершу js. Тут ще 2-3 уроки максимум залишилось. В термінах зорієнтувати не можу, бо важку записувати відео, коли поєднуєш це з роботою, хобі та особистим життям...)
Xто починав 2 роки назад з Віталієм вчити css з перших лекцій - той вже або давно закинув цю справу, або працює в IT)))
дуже корисні та інформативні уроки, дякую за якісний україномовний контент 👍👍👍 Чи можна зв’язатись з автором каналу?
Трішки дам критики) Зараз потрібно вивчаю про локальне сховище і коли знайшов це відео, був дуже радий що воно україномовне) Але для мене відео далось досить складно, місцями важко було зрозуміти код і видно що вам складно було орієнтуватися в кодові, адже ви говорили за одну функцію але мимоволі наводили на іншу, помічали цю помилку та переходили на потрібну функцію і так трохи разів. А ще ви дуже швидко говорили, відчуття ніби відео стоїть на 1.5х😅 Суть локального сховища я зрозумів і для чого воно, але як його використати на практиці так і не вийшло зрозуміти. Однозначно підписка та лайк за український контент, ваше відео про Local Storage перше на українській мові💪
наскільки пам'ятаю, при використанні JWT можна встановити у коді свій expire time для токену) П.С. - дякую за відео)
@savchukit1454
8 ай бұрын
Так, забув сказати, дякую!)
як на мене тема була передана погано , помімо того що намагаєшся зрозуміти прошлий код і тримать в голові його функціонал так щей зверху іде інфа про Local Storage , я вважаю що простіше було б продемонструвати на чомусь простому і банальному, не маштабному , тоді б була краща концентрація на основній темі заняття
@savchukit1454
4 ай бұрын
Можливо, так, хотів на практичному прикладі одразу пояснити просто
Скільки ще урок буде?
Яка для вас буда найважча тема при вивченні джс? Тема яку ви найважче зрозуміли
@savchukit1454
7 ай бұрын
Мабуть, проміси і прототипи
Самий незрозумілий урок... В цій темі треба в іншому місці розбиратися)) Хотя суть зрозуміла, для чого Local Storage і як він працює, но вот як його реалізувати - взагалі непонятно)