Всемирная сеть постоянно развивается. Более десяти лет сайты создаются на языке HTML4, и уже назрела необходимость новых путей расширения функциональности, которая сейчас сдерживается ограничениями языка и браузеров.

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

С использованием HTML5 Ваши сайты и приложения станут более интерактивными и захватывающими. Вам больше не нужно использовать Adobe Flash и Microsoft Silverlight — их возможности интегрированы непосредственно в HTML5. 

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

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

? Вы не хотите остаться в прошлом? Стремитесь идти в ногу со временем? Боретесь за повышение Вашей конкурентоспособности? – Это Ваш курс! Овладейте новыми горизонтами HTML5!

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

? Создавать страницы на HTML5

? Понимать основные преимущества HTML5 

? Понимать основные отличия HTML5 от HTML4

? Работать с новыми элементами HTML5 

? Работать с аудио и видео элементами

? Работать с элементом Canvas (поверхность рисования)

? Использовать локальное хранилище для офлайн приложений

? Использовать новые элементы формы HTML5 

? Иметь представление о текущей поддержке элементов HTML5 в браузерах.

Программа курса

Модуль 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 

Качество видео: PCRec

Видеокодек: Windows Media Video 9

Битрейт видео: ~1065kbps, 29.97fps

Размер кадра: 1024x768

Аудиокодек: WMA

Битрейт аудио: 48kbps, 44100Hz mono