Курс Расширенные возможности HTML5

Код: 50564

Продолжительность курса

16 Академических часов

Язык HTML5 — ответ веб-разработчиков на давно назревшие требования обычных пользователей в международной паутине. Революционным отличием HTML5 от предыдущих технологий является интеграция в HTML5 не только HTML4, но и XHTML1, а также DOM2HTML (особенно JavaScript). HTML5 идеально приспособлен для работы с новейшими мультимедийными веб-приложениями. С использованием HTML5 Ваши сайты и приложения станут более интерактивными и захватывающими. Вам больше не нужно использовать Adobe Flash и Microsoft Silverlight — их возможности интегрированы непосредственно в HTML5.

Вы научитесь работать со структурными и семантическими тэгами, объектами Canvas, аудио и видео. Вы узнаете новейшие возможности создания офлайновых приложений и об их поддержке в текущих версиях браузеров. Вы значительно расширите диапазон возможностей, включающий элементы форм, API, мультимедиа, структуры и семантики.

Мобильные устройства – новейшее решение для современного человека, и HTML5 прекрасно подходит для этих устройств.

Стоимость курса

12 000 руб
Заказать

От слушателя требуется

  • Успешное окончание курса HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C на HTML 5 и СSS 3 или эквивалентная подготовка
  • Успешное окончание курса JavaScript. Уровень 1. Основы веб - программирования - NEW или эквивалентная подготовка

Содержание курса

Модуль 1. Верстка страницы в HTML5

  • Структура страницы
  • Новые структурные тэги HTML5
  • Упрощение страницы
  • Лабораторная работа: Конвертирование страницы HTML4 в страницу HTML5

Модуль 2. Отличия HTML5

  • Проблемы в HTML4
  • Проблемы XHTML
  • Новый подход в HTML5
  • Новые возможности HTML5
  • Спецификации HTML5
  • Поддержка HTML5 в браузерах

Модуль 3. Секции и статьи

  • Тэг section
  • Тэг article
  • Лабораторная работа: Использование тэгов section и article вместо div

Модуль 4. HTML5 аудио и видео

  • Поддержка различных типов медиа
  • Элемент audio
  • Элемент video
  • Управление медиа элементами через JavaScript
  • Работ в неподдерживаемых браузерах
  • Лабораторная работа: Использование Media API

Модуль 5. Формы HTML5

  • Библиотека Modernizr (JavaScript)
  • Новые элементы формы
  • Встроенная валидация
  • Лабораторная работа: Проверка данных формы, страница викторины.

Модуль 6. Веб-хранилище в HTML5

  • Возможности локального хранилища в HTML5
  • Другие методы сохранения информации
  • Лабораторная работа: Сохранение данных, введенных пользователем

Модуль 7. Область рисования (Canvas) в HTML5

  • Введение в Canvas
  • Рисование графических примитивов
  • Вывод изображения
  • Вывод текста
  • Лабораторная работа: Отрисовка различных графических элементов

Модуль 8. Встроенные API:

  • API для офлайн приложений
  • API для Drag-and-Drop