Курс Введение в HTML5
Введение в HTML5
-
- Код курса:
- 50564
-
- Длительность:
- 2 / 16
-
- Ближайшие даты:
-
-
- Цена, без НДС:
- Уточните
- Оніщенко Александр А
-
Microsoft тренер с опытом преподавания более 10 лет, с опытом разработки более 15 лет, с опытом...
Описание Курса:
Вы научитесь работать со структурными и семантическими тэгами, объектами Canvas, аудио и видео. Вы узнаете новейшие возможности создания офлайновых приложений и об их поддержке в текущих версиях браузеров. Вы значительно расширите диапазон возможностей, включающий элементы форм, API, мультимедиа, структуры и семантики.
Предварительная подготовка:
Требуемая подготовка: Успешное окончание курса HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C и переход на HTML 5 и СSS 3 или эквивалентная подготовка.
Рекомендуемая подготовка: Успешное окончание курса JavaScript. Уровень 1. Основы веб - программирования или эквивалентная подготовка.
Рекомендуемая подготовка: Успешное окончание курса JavaScript. Уровень 1. Основы веб - программирования или эквивалентная подготовка.
Приобретаемые навыки:
- Создавать страницы на HTML5
- Понимать основные преимущества HTML5
- Понимать основные отличия HTML5 от HTML4
- Работать с новыми элементами HTML5
- Работать с аудио и видео элементами
- Работать с элементом Canvas (поверхность рисования)
- Использовать локальное хранилище для офлайн приложений
- Использовать новые элементы формы HTML5
- Иметь представление о текущей поддержке элементов HTML5 в браузерах.
Содержание курса:
Модуль 1. Верстка страницы в HTML5
- Структура страницы
- Новые структурные тэги HTML5
- Упрощение страницы
- Лабораторная работа: Конвертирование страницы HTML4 в страницу HTML5
- Проблемы в HTML4
- Проблемы XHTML
- Новый подход в HTML5
- Новые возможности HTML5
- Спецификации HTML5
- Поддержка HTML5 в браузерах
- Тэг section
- Тэг article
- Лабораторная работа: Использование тэгов section и article вместо div
- Поддержка различных типов медиа
- Элемент audio
- Элемент video
- Управление медиа элементами через JavaScript
- Работ в неподдерживаемых браузерах
- Лабораторная работа: Использование Media API
- Библиотека Modernizr (JavaScript)
- Новые элементы формы
- Встроенная валидация
- Лабораторная работа: Проверка данных формы, страница викторины.
- Возможности локального хранилища в HTML5
- Другие методы сохранения информации
- Лабораторная работа: Сохранение данных, введенных пользователем
- Введение в Canvas
- Рисование графических примитивов
- Вывод изображения
- Вывод текста
- Лабораторная работа: Отрисовка различных графических элементов
- API для офлайн приложений
- API для Drag-and-Drop