Описание курса:
В дополнение к определению разметки новый стандарт HTML5 устанавливает скриптовый интерфейс прикладного программирования (API). Новые API включают в себя: элемент-холст для непосредственного метода рисования в 2D, хранение баз данных оффлайн, определение местоположения пользователя, возможность управления файлами и другие.
На курсе Вы познакомитесь с тонкостями работы со скриптовым интерфейсом прикладного программирования (API), используя язык программирования JavaScript, научитесь использовать самые востребованные новые возможности HTML5.
Аудитория:
• слушатели, закончившие курсы по JavaScript и желающие продолжить изучение этой технологии
• слушатели, закончившие курсы направления «веб-технологии» и желающим идти в ногу со временем
• веб-разработчики, желающие изучить новые возможности HTML5
Необходимая подготовка:
• Успешное окончание курса «JavaScript. Уровень 2. Расширенные возможности», или эквивалентная подготовка.
Программа курса:
Модуль 1. Геолокации
• Объект Geolocation
• Свойства и методы объекта Geolocation
• Определение местоположение пользователя
• Пример использования Google.Map API
• Пример использования Яндекс.Map API
Модуль 2. Фоновые вычисления
• Объект Worker
• Понятие «веб помощников»
• Свойства и методы объекта Worker
• Использование «веб помощников»
• Лабораторная работа по теме
Модуль 3. Работа с локальными файлами
• File API и объект FileReader
• Свойства и методы объекта FileReader
• Чтение файлов
• Загрузка файлов и их вставка в документ
Модуль 4. Техника Drag-N-Drop
• События перетаскиваемых объектов
• События целевых объектов
• Использование техники «drag-n-drop»
• Лабораторная работа по теме
Модуль 5. Хранение данных в браузере: локальное и сеансовое
• Объекты localStorage и sessionStorage
• Использование локального хранилища
• Использование сеансового хранилища
• Лабораторная работа по теме
Модуль 6. Хранение данных в браузере: база данных
• Объект IndexedDB
• Использование объектов хранения
• Использование обработчиков событий
• Основные манипуляции с данными
• Использование индексов
• Лабораторная работа по теме
Модуль 7. Холст: приёмы рисования в браузере
• HTML-элемент Canvas
• Объект Context
• Рисование прямых и кривых
• Рисование примитивов
• Использование визуальных эффектов
• Использование изображений
• Лабораторные работы по теме
Окончательная цена указывается в договоре на обучение.
