Курс Введение в HTML5

Введение в HTML5
  • Код курса:
    50564
  • Длительность:
    2 / 16
  • Ближайшие даты:

  • Цена, без НДС:
    Уточните
Оніщенко Александр А

Microsoft тренер с опытом преподавания более 10 лет, с опытом разработки более 15 лет, с опытом...

Описание Курса:
Вы научитесь работать со структурными и семантическими тэгами, объектами Canvas, аудио и видео. Вы узнаете новейшие возможности создания офлайновых приложений и об их поддержке в текущих версиях браузеров. Вы значительно расширите диапазон возможностей, включающий элементы форм, API, мультимедиа, структуры и семантики.
Предварительная подготовка:
Требуемая подготовка: Успешное окончание курса HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C и переход на HTML 5 и СSS 3 или эквивалентная подготовка.

Рекомендуемая подготовка: Успешное окончание курса JavaScript. Уровень 1. Основы веб - программирования или эквивалентная подготовка.
Приобретаемые навыки:
  • Создавать страницы на 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

Возврат к списку