Язык HTML5 — ответ веб-разработчиков на давно назревшие требования обычных пользователей в международной паутине. Революционным отличием HTML5 от предыдущих технологий является интеграция в HTML5 не только HTML4, но и XHTML1, а также DOM2HTML (особенно JavaScript). HTML5 идеально приспособлен для работы с новейшими мультимедийными веб-приложениями. С использованием HTML5 Ваши сайты и приложения станут более интерактивными и захватывающими. Вам больше не нужно использовать Adobe Flash и Microsoft Silverlight — их возможности интегрированы непосредственно в HTML5.
Вы научитесь работать со структурными и семантическими тэгами, объектами Canvas, аудио и видео. Вы узнаете новейшие возможности создания офлайновых приложений и об их поддержке в текущих версиях браузеров. Вы значительно расширите диапазон возможностей, включающий элементы форм, API, мультимедиа, структуры и семантики.
Мобильные устройства – новейшее решение для современного человека, и HTML5 прекрасно подходит для этих устройств.
Стоимость курса
16 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
