Мы используем cookie для стабильной работы сервиса. Подробнее

JavaScript. Уровень 10. HTML5 API

4.3
ФорматОнлайн
Длительность16 ак. ч. + 16 ак. ч. самостоятельно
Объём6 занятий
О курсе

Подробнее

Обучение проходит на 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 ак. ч.)

Элемент и 2D контекст. Рисование примитивов и работа с текстом. Основы анимации с requestAnimationFrame(). Практическая работа: Создание графика.

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 ак. ч.)

Элемент и 2D контекст. Рисование примитивов и работа с текстом. Основы анимации с requestAnimationFrame(). Практическая работа: Создание графика.

06Модуль 6. Основы PWA и фоновые задачи  (2 ак. ч.)

Концепция Progressive Web Apps (PWA). Манифест веб-приложения и Service Worker. Введение в Web Workers для фоновых вычислений. Практическая работа: Превращение приложения в базовое PWA.

Организатор

Автор курса

СпециалистСпециалист
Ведущий компьютерный учебный центр России с высочайшим уровнем качества обучения, сервиса и организации учебного процесса Лучший учебный центр авторизованный Microsoft в России, Центральной и Восточной Европе в 2011-2014 гг Центр «Специалист» — первый в России авторизованный учебный центр по обучению Adobe — Adobe Authorised Training Centre Крупнейший авторизованный учебный центр ведущих IT-компаний мира С 2012 г. Центр «Специалист» входит в «Круг совершенства EC-Council»
Подробнее об авторе
Мнения учеников

Отзывы о курсе

Оставьте отзыв

Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.

Напишите ваш коментарий, не менее 30 символов

Нажимая кнопку, вы даете согласие на обработку персональных данных

Оставьте заявку

Консультант ответит на вопросы о курсе «JavaScript. Уровень 10. HTML5 API» и поможет разобраться в деталях обучения.

Комментарий ...

Нажимая кнопку, вы даете согласие на обработку персональных данных

Направления:JavaScript

Информация обновлена 28 сентября 2026 г.

Продолжить выбор

Похожие курсы

Разработка на JavaScript
−10%16 ноября
Разработка на JavaScript

Изучите увлекательные подходы к разработке интерактивных веб-приложений на JavaScript, включая DOM, асинхронность и фреймворки.

Онлайн13 занятийСредний
Домашние задания
47 900 ₽−10%
43 110 ₽
Vue.js 3, Vue Router и Pinia
Vue.js 3, Vue Router и Pinia

В этом курсе мы изучим Vue, Vue Router и Pinia, создавая два полноценных приложения. Мы сделаем приложение для отображения прогноза погоды и Saas сервис хранения веб закладок. Это…

Онлайн15 занятий
3 999 ₽
Программа: Твой JavaScript
Программа: Твой JavaScript

Цель курса - дать вам исчерпывающее понимание JavaScript. Мы не обещаем сделать из вас сеньора за две недели, это сказки. Наша задача - предоставить самую подробную и глубокую баз…

Онлайн21 занятий
4 250 ₽
jQuery для начинающих
30 минут в день
jQuery для начинающих

В этом видео курсе вы изучите основы библиотеки jQuery. Продолжительность курса чуть больше чем 3 часа. В курсе для вас подготовлено 38 видео уроков. Обязательно изучите все допол…

Онлайн4 занятий
290 ₽
Разработка на Angular
−10%30 ноября
Разработка на Angular

Освойте промышленную разработку на Angular: создавайте динамические веб-приложения с нуля. Изучите TypeScript, компоненты, шаблоны, пайпы, сервисы, маршрутизацию и сложные формы.…

Онлайн13 занятийСредний
42 900 ₽−10%
38 610 ₽
Node js для Front End
4 месяца
Node js для Front End

Backend разработка на Node.js: Express.js, NestJS фреймворки. Работа с базами данных PostgreSQL, MongoDB. Создание REST API, аутентификация и авторизация. WebSockets для реального…

ОнлайнСредний
100 000 ₽от 5 555 ₽/мес на 18 мес.
NestJS — с нуля, современный backend на TypeScript и Node JS
NestJS — с нуля, современный backend на TypeScript и Node JS

NestJS - это быстро растущий Node.js фреймворк, который позволяет командам легко разрабатывать поддерживаемые, легко тестируемые и масштабируемые приложения благодаря TypeScript и…

Онлайн14 занятий
3 999 ₽
Начать без затрат

Бесплатные курсы

Твой JavaScript
Бесплатно
Твой JavaScript

Если хочешь научиться писать на самом популярном языке для разработки сайтов - добро пожаловать, ты попал куда надо. Почему этот курс: Этот курс изложен понятным языком, каждый см…

Онлайн10 занятий
Бесплатно
Разработка веб-приложений на Node.js
БесплатноКурс рассчитан на 5-6 недель обучения.
Разработка веб-приложений на Node.js

Node.js – современная и востребованная на рынке труда платформа для разработки веб-приложений. Этот курс проведет вас от изучения основ Node.js до создания первого приложения и по…

Онлайн5 занятий
Бесплатно