udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Руководство по хранению данных на стороне клиента
Client-Side Data Storage Ultimate Guide
★4.2 (всего оценок - 20)
Продолжительность
7 ч 24 мин
Категория
Другое (Frontend)Количество уроков
62 Видео
Дата добавления
20 мая 2018 г., 09:14
Язык
Английский
Дата выхода
2 февр. 2018 г., 10:00
Дата обновления
29 апр. 2026 г., 00:25
Клиентское хранение данных стало критически важным навыком для современных веб‑разработчиков. В этом курсе вы узнаете, как эффективно использовать cookies, WebStorage, LocalStorage, SessionStorage, IndexedDB, WebSQL и другие технологии, чтобы создавать быстрые, удобные и автономные веб‑приложения.
Что вы изучите в этом руководстве
Курс охватывает полный спектр инструментов клиентского хранения, объясняет их возможности, ограничения и реальные сценарии применения. Благодаря практическим проектам вы сможете закрепить теорию и научиться внедрять решения в собственные приложения.
Ключевые направления обучения
- Разбор принципов современного клиентского хранилища
- Понимание различий между доступными API
- Практика работы с Cookie, WebStorage и IndexedDB
- Реализация собственных мини‑проектов
- Построение открытой библиотеки хранения данных
Почему клиентское хранение важно для разработчиков
Все больше логики переносится в браузер, а современные приложения требуют:
- быстрого доступа к данным без запросов к серверу,
- поддержки автономного режима,
- снижения нагрузки на backend,
- улучшенного пользовательского опыта.
Умение грамотно работать с локальными данными помогает экономить ресурсы и повышать стабильность веб‑продуктов.
Разбираемые технологии и инструменты
Cookies: классический способ хранения
Вы узнаете, как создавать, читать и безопасно использовать cookies, когда они оправданы, а также чем они отличаются от современных решений.
WebStorage: LocalStorage и SessionStorage
Подробно разберем отличия этих API, способы хранения структурированных данных, обработку ошибок и паттерны оптимизации.
IndexedDB: база данных нового поколения
IndexedDB предоставляет мощные возможности для работы со сложными структурами данных. Курс научит:
- создавать хранилища и индексы,
- выполнять транзакции,
- строить полноценные offline‑решения.
WebSQL: работа с устаревающим API
Хотя WebSQL больше не развивается, многие проекты по-прежнему его используют. Вы узнаете, как поддерживать и оптимизировать такие системы.
Практические проекты и реальные кейсы
Каждая тема сопровождается заданиями и примерами, которые помогут вам понять, как применять технологии в реальных приложениях:
- создание менеджера заметок,
- хранение настроек пользователя,
- разработка offline‑панелей,
- построение собственной библиотеки клиентского хранения.
Итоги и преимущества курса
Этот курс идеально подходит тем, кто хочет углубить знания в JavaScript, улучшить навыки frontend‑разработки и научиться эффективно работать с локальными данными. Вы получите прочную базу и набор инструментов, необходимых для создания современных, быстрых и надежных веб‑приложений.
- Урок 1.00:01:07Course Overview
- Урок 2.00:01:45Setting up the Working Environment
- Урок 3.00:03:18An Introduction to Client-Side Storage
- Урок 4.00:05:32What are Cookies?
- Урок 5.00:08:36Creating Cookies
- Урок 6.00:13:29Retrieving Cookies
- Урок 7.00:16:52Lab Session: Login Using Cookies
- Урок 8.00:02:41Updating Cookies
- Урок 9.00:05:01Lab Session: Extend Login Expiration
- Урок 10.00:02:54Deleting Cookies
- Урок 11.00:04:44Lab Session: Logout Removing Cookies
- Урок 12.00:11:51Creating the Project Structure
- Урок 13.00:11:04Creating Cookie Function
- Урок 14.00:06:36Retrieving Cookie Function
- Урок 15.00:03:42Updating Cookie Function
- Урок 16.00:02:19Deleting Cookie Function
- Урок 17.00:05:03Other Cookie Functions
- Урок 18.00:03:34Module Support
- Урок 19.00:10:20Publish to Github
- Урок 20.00:13:26Readme.md - Documentation
- Урок 21.00:02:44What is Web Storage?
- Урок 22.00:13:47The LocalStorage Object
- Урок 23.00:07:50Lab Session: Storing Objects in LocalStorage
- Урок 24.00:04:32The SessionStorage Object
- Урок 25.00:09:32Lab Session: Storing Dates and Numbers in SessionStorage
- Урок 26.00:07:35Building the Project Structure
- Урок 27.00:10:43Listing Items
- Урок 28.00:14:58Adding Items to Cart
- Урок 29.00:14:33Creating the Cart Page
- Урок 30.00:02:10Project Design Overview
- Урок 31.00:08:46Adding To-Dos
- Урок 32.00:08:27Listing To-Dos
- Урок 33.00:06:33Checking/Unchecking To-Dos
- Урок 34.00:04:50Removing To-Dos
- Урок 35.00:02:30What is Web SQL?
- Урок 36.00:06:20SQL Basics
- Урок 37.00:04:42Web SQL Core Methods
- Урок 38.00:06:29Creating Table
- Урок 39.00:05:39Inserting Item to Table
- Урок 40.00:03:47Fetching from Table
- Урок 41.00:02:45Updating Item from Table
- Урок 42.00:02:24Deleting Item from Table
- Урок 43.00:01:42Removing Table
- Урок 44.00:05:32What is IndexedDB?
- Урок 45.00:10:27Opening IndexedDB Database
- Урок 46.00:10:44Working with Object Stores
- Урок 47.00:09:38Start the Transaction
- Урок 48.00:13:21Adding Data
- Урок 49.00:05:10Lab Session: Calculating the Item Count
- Урок 50.00:10:03Fetching Data
- Урок 51.00:07:19Lab Session: Displaying All Data in the Store
- Урок 52.00:15:12Updating Data
- Урок 53.00:08:21Deleting Data
- Урок 54.00:03:21Lab Session: Removing All Data in the Store
- Урок 55.00:03:14Deleting Object Stores
- Урок 56.00:02:58Deleting IndexedDB Database
- Урок 57.00:12:16Creating Indexes
- Урок 58.00:07:16Indexes More
- Урок 59.00:11:16Iterating with Cursors
- Урок 60.00:08:38Lab Session: Limiting Cursor Queries
- Урок 61.00:11:15Working with Key Ranges
- Урок 62.00:00:55What is next?
Автор - udemy
Комментарии
В целом ок, если много проматывать