JavaScript. Уровень 3г. HTML5 API

[Шелби]

JavaScript. Уровень 3г. HTML5 API
В дополнение к определению разметки новый стандарт HTML5 устанавливает скриптовый интерфейс прикладного программирования (API). Новые API включают в себя: элемент-холст для непосредственного метода рисования в 2D, хранение баз данных оффлайн, определение местоположения пользователя, возможность управления файлами и другие.

На курсе Вы познакомитесь с тонкостями работы со скриптовым интерфейсом прикладного программирования (API),используя язык программирования JavaScript, научитесь использовать самые востребованные новые возможности HTML5.

Курс рекомендован разработчикам, имеющим твердые знания в области программирования на JavaScript, а именно:

• слушателям, закончившим курсы по JavaScript и желающим продолжить изучение этой технологии
• слушателям, закончившим курсы направления «веб-технологии» и желающим идти в ногу со временем
• веб-разработчикам желающим изучить новые возможности HTML5

По окончании курса Вы будете уметь:

• использовать определение местоположения пользователя
• работать с файлами
• использовать локальное и сеансовые хранилища
• использовать веб-базу данных IndexedDB
• использовать HTML-элемент холст (canvas) для 2D рисования.

Продолжительность курса - 24 ак. ч.

Модуль 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
• Рисование прямых и кривых
• Рисование примитивов
• Использование визуальных эффектов
• Использование изображений
• Лабораторные работы по теме

 

[poskoree]

ruby on rails - отличный инструмент, который может помочь с backend-аспектом программирования.

 

[Vitadiv]

Материал актуальный.