Введение в 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