В этом разделе вы познакомитесь с веб-API, описанными в спецификации HTML5. Эти веб-API позволяют использовать современные функции веб-браузеров в ваших веб-приложениях.
Раздел 1. Клиентское хранилище
- Файлы cookie — узнайте о файлах cookie HTTP и о том, как использовать JavaScript для более эффективного управления файлами cookie.
- localStorage — как использовать localStorage для хранения данных на стороне клиента.
- sessionStorage — как использовать sessionStorage для хранения данных сеанса.
- IndexedDB — узнайте об IndexedDB и о том, как использовать его для создания веб-приложений, работающих онлайн и офлайн.
Раздел 2. Drag-and-Drop API
- Drag and Drop API — возможность веб-приложениям использовать функцию перетаскивания в веб-браузерах.
- FileReader API — познакомьтесь с FileReader API и узнайте, как объединить его с Drag&Drop API для создания приложения для загрузки изображений.
Раздел 3. Geolocation API
- Geolocation API — узнайте, как получить текущее местоположение пользователей.
Раздел 4. Notification API
- Notification API — узнайте, как отображать уведомления на рабочем столе для пользователей.
Раздел 5. History API
- pushState — узнайте, как использовать метод history.pushState().
Раздел 6. Сетевые запросы
- Fetch API — узнайте, как выполнять асинхронные запросы к удаленному ресурсу из веб-браузеров.
- Fetch & CORS — изучите CORS (Cross-Origin Resource Sharing), меру безопасности, которая не позволяет одному источнику отправлять HTTP-запросы другому источнику.
- Fetch & Tracking Download Progress — узнайте, как загрузить файл с помощью API Fetch и отслеживать ход загрузки с помощью объекта ReadableStream.
- AbortController — узнайте, как отменить веб-запрос с помощью API AbortController.
Раздел 7. Dialog & Popover API
- Dialog API — как использовать собственный HTML-элемент <dialog> для создания диалогового окна и как использовать Dialog API для управления видимостью диалогового окна.
- Popover API — узнайте, как создавать всплывающие окна с помощью Popover API.
Раздел 8. Canvas API
- Basic Canvas — узнайте об элементе HTML5 <canvas> и о том, как использовать API Canvas для рисования фигур.
- Нарисуйте закрашенный прямоугольник — как нарисовать закрашенный прямоугольник с помощью метода
fillRect(). - Нарисуйте контурный прямоугольник — узнайте, как нарисовать контурный прямоугольник с помощью метода
strokeRect(). - Стирание прямоугольной области на холсте — изучите, как использовать метод
clearRect()для установки прозрачного черного цвета для пикселей в прямоугольной области. - Рисование линий — проведите линию от одной точки до другой.
- Рисование текста — как нарисовать текстовую строку на холсте.
- Перемещение — узнайте, как переместить начало координат холста в новое положение.
- Поворот — добавление преобразования поворота для вращения объекта рисунка.
- Масштабирование — добавление масштабного преобразования к единицам холста по горизонтали и/или вертикали.