
JavaScript. Уровень 10. HTML5 API
JavaScript. Уровень 10. HTML5 API
Пока неизвестно
16 ак. ч. + 16 ак. ч. самостоятельно
онлайн
Пока неизвестно
Подробнее о курсе
Программа курса
Модуль 1. Введение в API и работа с файлами (2 ак. ч.)
Обзор современных браузерных API. File API: File, FileReader, Blob. Основы Drag & Drop API для загрузки файлов. Практическая работа: Создание интерфейса для загрузки изображений с предпросмотром и перетаскиванием.
Модуль 2. Клиентское хранение данных (3 ак. ч.)
localStorage / sessionStorage (краткий обзор и ограничения). Введение в IndexedDB для структурированных данных. Cache API как часть стратегии хранения. Практическая работа: Сохранение метаданных загруженных файлов в IndexedDB.
Модуль 3. Геолокация, Permissions API и Intersection Observer (3 ак. ч.)
Запрос прав через единый Permissions API. Использование Geolocation API для получения координат. Intersection Observer для ленивой загрузки контента. Практическая работа: Виджет с геолокацией и ленивой подгрузкой данных.
Модуль 4. Сетевая коммуникация в реальном времени (3 ак. ч.)
Протокол WebSocket (принцип работы, основные события). Server-Sent Events (EventSource) для односторонней связи. Практическая работа: Подключение к WebSocket-серверу и создание простого чата или ленты данных.
Модуль 5. Canvas и анимация (3 ак. ч.)
Элемент
Модуль 6. Основы PWA и фоновые задачи (2 ак. ч.)
Концепция Progressive Web Apps (PWA). Манифест веб-приложения и Service Worker. Введение в Web Workers для фоновых вычислений. Практическая работа: Превращение приложения в базовое PWA.
Что вы получите
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.
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.















