Автор (режиссер): Сергей Юрьевич Шуйков
Название: Специалист | М50564A Расширенные возможности HTML5
Год выпуска: 2012
Жанр: Программирование
Язык: русский
Продолжительность: 7:12:00
Качество видео: PCRec
Видеокодек: Windows Media Video 9
Битрейт видео: ~1065kbps, 29.97fps
Размер кадра: 1024x768
Аудиокодек: WMA
Битрейт аудио: 48kbps, 44100Hz mono
Всемирная сеть постоянно развивается. Более десяти лет сайты создаются на языке 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