Специалист JavaScript. Уровень 10. HTML5 API
О курсе
Подробнее
Обучение проходит на HTML5 API HTML5 API — набор интерфейсов, предоставляемых браузерами для расширения возможностей веб-приложений. Он позволяет приложениям работать с геолокацией, файловой системой, фоновыми процессами, сетевыми соединениями и графикой. Включает ключевые технологии Service Workers, WebSockets, Canvas, IndexedDB, WebRTC, Geolocation API. JavaScript-код отвечает за взаимодействие с пользователем, обработку событий, управление состоянием приложения и взаимодействие с API. На курсе вы познакомитесь с тонкостями работы со скриптовым интерфейсом прикладного программирования (API), используя язык программирования JavaScript, научитесь использовать самые востребованные новые возможности HTML5. Особенное внимание будет уделено работе с аппаратными возможностями (геолокация, файлы), офлайн-функциональности и клиентскому хранению данных, сетевой коммуникации в реальном времени (WebSockets, WebRTC), созданию графики и анимаций (Canvas API), а также практическому применению API для решения сложных задач на клиентской стороне. Обучение проходит на HTML5 API Технические требования к оборудованию и ПО: ОС: Windows 11 / Ubuntu 22/24 LTS. Visual Studio Code (основной редактор). Современный браузер (Chrome, Firefox Edge) с поддержкой последних API. Для кого этот курс Обучение рекомендуется JavaScript-программистам с опытом от 6 месяцев, веб-разработчикам, желающим освоить современные браузерные API, фронтенд-разработчикам, переходящим к созданию полноценных веб-приложений.
Результат
Что вы получите
- Geolocation API — запрос прав через Permissions API.
- File API, Drag & Drop — работа с файлами в браузере.
- localStorage, IndexedDB, Cache API — хранение данных на клиенте.
- Web Workers (фоновые потоки), Notification API, Intersection Observer.
- Progressive Web Apps (PWA) — манифест, Service Workers, стратегии кеширования, офлайн-режим.
- WebSockets (real-time), Server-Sent Events, введение в WebRTC (P2P).
- Canvas API — рисование, анимация, работа с пикселями, обзор WebGL/Three.js.
Содержание
6 занятийПрограмма курса
№ТемаЧто внутри
01Модуль 1. Введение в API и работа с файлами (2 ак. ч.)
Обзор современных браузерных API. File API: File, FileReader, Blob. Основы Drag & Drop API для загрузки файлов. Практическая работа: Создание интерфейса для загрузки изображений с предпросмотром и перетаскиванием.
02Модуль 2. Клиентское хранение данных (3 ак. ч.)
localStorage / sessionStorage (краткий обзор и ограничения). Введение в IndexedDB для структурированных данных. Cache API как часть стратегии хранения. Практическая работа: Сохранение метаданных загруженных файлов в IndexedDB.
03Модуль 3. Геолокация, Permissions API и Intersection Observer (3 ак. ч.)
Запрос прав через единый Permissions API. Использование Geolocation API для получения координат. Intersection Observer для ленивой загрузки контента. Практическая работа: Виджет с геолокацией и ленивой подгрузкой данных.
04Модуль 4. Сетевая коммуникация в реальном времени (3 ак. ч.)
Протокол WebSocket (принцип работы, основные события). Server-Sent Events (EventSource) для односторонней связи. Практическая работа: Подключение к WebSocket-серверу и создание простого чата или ленты данных.
05Модуль 5. Canvas и анимация (3 ак. ч.)
Элемент
06Модуль 6. Основы PWA и фоновые задачи (2 ак. ч.)
Концепция Progressive Web Apps (PWA). Манифест веб-приложения и Service Worker. Введение в Web Workers для фоновых вычислений. Практическая работа: Превращение приложения в базовое PWA.
01Модуль 1. Введение в API и работа с файлами (2 ак. ч.)
Обзор современных браузерных API. File API: File, FileReader, Blob. Основы Drag & Drop API для загрузки файлов. Практическая работа: Создание интерфейса для загрузки изображений с предпросмотром и перетаскиванием.
02Модуль 2. Клиентское хранение данных (3 ак. ч.)
localStorage / sessionStorage (краткий обзор и ограничения). Введение в IndexedDB для структурированных данных. Cache API как часть стратегии хранения. Практическая работа: Сохранение метаданных загруженных файлов в IndexedDB.
03Модуль 3. Геолокация, Permissions API и Intersection Observer (3 ак. ч.)
Запрос прав через единый Permissions API. Использование Geolocation API для получения координат. Intersection Observer для ленивой загрузки контента. Практическая работа: Виджет с геолокацией и ленивой подгрузкой данных.
04Модуль 4. Сетевая коммуникация в реальном времени (3 ак. ч.)
Протокол WebSocket (принцип работы, основные события). Server-Sent Events (EventSource) для односторонней связи. Практическая работа: Подключение к WebSocket-серверу и создание простого чата или ленты данных.
05Модуль 5. Canvas и анимация (3 ак. ч.)
Элемент
06Модуль 6. Основы PWA и фоновые задачи (2 ак. ч.)
Концепция Progressive Web Apps (PWA). Манифест веб-приложения и Service Worker. Введение в Web Workers для фоновых вычислений. Практическая работа: Превращение приложения в базовое PWA.
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «JavaScript. Уровень 10. HTML5 API» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Направления:JavaScript
Информация обновлена 2 ноября 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
