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

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

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

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

Необходимая подготовка

• Успешное окончание курса 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