другие сайты академии айти
Электронное обучение Ресурсы для обучения в любой точке мира, в удобное время
ООО «Аплана Европа». ГК АйТи Услуги для корпоративных заказчиков по разработке электронного образовательного контента и организации обучения
Интернет-магазин Здесь можно купить наши спецпредложения
Новый мир Информационно-образовательный портал. Бесплатные курсы.
С компьютером на «ты»! Бесплатное открытое онлайн обучение для всех
Свободное программное обеспечение в школах Информационно-образовательный портал
Электронные образовательные ресурсы для учителей Информационно-образовательный портал
Энергосбережение и энергоэффективность Информационно-образовательный портал

Программирование c использованием HTML5

HTML5 Programming



Программирование c использованием HTML5
Код: 10953
Направление обучения: Языки программирования
Продолжительность: 3 день / 24 часа
Цена для физ. лиц: 18000 руб.
Цена для юр. лиц: 20000 руб.

Скачать прайс-лист (PDF)

Описание образовательной программы

Новая версия стандарта HTML (HTML5) - получила статус «Candidate Recommendation (REC)». Производители наиболее популярных браузеров уже заявили о поддержке стандарта и более того, Microsoft намеревается сделать HTML5 основной технологией разработки приложений для устройств на базе Windows 8.

HTML5 значительно модернизирован не только поддержкой современных требований HTML и XHTML, но и дополнен новейшими средствами реализации графики и мультимедиа, появление которых уже привело к началу вытеснения Adobe Flash. Применению новых возможностей HTML5 при помощи различных средств разработки и посвящен настоящий курс. Материал данного курса адаптирован для широкого круга слушателей и будет полезен не только интересующимся потенциалом HTML5, но и начинающим мобильным и веб-разработчикам.

В курсе подробно рассматриваются новые расширения языка разметки, каскадные таблицы стилей CSS3, возможности JavaScript API. Информация будет особенно полезна как для разработки веб-приложений под Internet Explorer 10, так и для грядущей версии ОС Windows 8/Windows RT.

Успешное окончание обучения по программе данного курса позволит специалистам:

  • Создавать веб-приложения с использованием HTML5.
  • Использовать новые элементы структурирования, навигации и ввода данных.
  • Управлять стилем и разметкой при помощи новых возможностей CSS3.
  • Применять растровую/векторную графику и внедрять мультимедиа.
  • Владеть продвинутыми возможностями HTML5.
  • Хранить данные в браузере при помощи средств интернет-хранилищ (web storage).
  • Использовать HTML5 JavaScript API: работать с файлами (File API), геолокацией (Geolocation API), интерфейсом “drag-and-drop” (DnD).
  • Выбирать подходящий инструментарий для использования HTML5.
  • Visual Studio 11, Microsoft WebMatrix, ASP.NET MVC 3.
  • Использовать средства Internet Explorer Developer Tools.
  • Создавать простые веб-приложения с использованием WebMatrix или ASP.NET MVC.

Цель курса

Формирование знаний и навыков программирования в HTML5, CSS и JavaScript для успешного создания веб-сайтов и приложений, ориентированных на браузер Internet Explorer 10 и более поздних версий ОС Windows.

Целевая аудитория

Разработчики начального уровня, которые имеют базовые знания и навыки программирования в HTML и которые заинтересованы в изучении основ HTML5, CSS и JavaScript навыков программирования, необходимых для успешного создания приложений, ориентированных на браузер Internet Explorer 10 и более поздних версий операционной системы Windows.

Необходимая подготовка

  • 3-6 месяцев опыта разработки в профессиональной среде.
  • Базовые знания и навыки работы со структурой HTML документа и связанной терминологии, без опыта работы с HTML5.
  • От 1 до 3-х месяцев опыта работы с HTML и XML.
  • Общее знакомство с Microsoft Visual Studio IDE.

Содержание

1. Введение в HTML5.

  • Основы HTML (элементы страницы, таблицы, списки, формы).
  • Нововведения HTML5 (новые элементы, Open Web Platform).
  • Каскадные таблицы стилей (CSS) - нюансы использования.
  • Все о JavaScript (основы языка, анонимные функции, объекты и интроспекция, область видимости).
  • Объектная модель документа (DOM), встраивание JavaScript.
  • Как работают AJAX и JSON.
  • Возможности библиотеки jQuery (интеграция, селекторы, манипуляция DOM, события).
  • Лабораторная работа: Создание веб-приложений HTML5.

Использование средств разработки.

Настройка стилей, применение jQuery и JavaScript (объектов и событий).

Создание сворачиваемой панели и элементов слайд-шоу.

2. HTML5 - структура страницы, элементы навигации.

  • Новые элементы HTML5.
  • Структурирование страницы (элементы заменяющие “div”).
  • Семантические группы (связывание элементов).
  • Вложенные (inline) семантические элементы (mark, meter, progress, time).
  • Управление интерактивностью (details, summary, menu, command).
  • Video, audio, canvas и другие.
  • Новая навигация (элемент “nav”) между и внутри страниц.
  • Реализация различных вариантов меню (элементы “menu”/“command”).
  • Лабораторная работа: Освоение элементов HTML5.

Преобразование существующих страниц к стандарту HTML5.

HTML5-верстка на основе скетчей “GameDetails” и “Cart”, добавление стилей.

Связывание страниц с помощью навигации и меню.

3. Ввод и валидация данных.

  • Новые элементы HTML5.
  • 12 новых элементов ввода данных.
  • Управление датой и временем.
  • Новые атрибуты форм: эргономичность, управление поведением, “drag-and-drop”, редактирование.
  • Устаревшие (deprecated) атрибуты HTML4.
  • Возможности валидации данных (элементы “form”, “range”, “required”, “pattern”, “maxlenght”).
  • Расширенные возможности HTML5.
  • Встроенное определение типа и возможностей браузера, интероперабельность.
  • Проверка наличия и возможностей HTML5/CSS3 при помощи Modernizr.js.
  • Обратная совместимость при помощи полифилов (polyfills).
  • Лабораторная работа: Ввод данных и валидация.

Добавление форм ввода данных (“Checkout” и “Game Review”).

Реализация валидации.

Применение Modernizr.js и polyfills.

4. Управление стилями и разметкой страниц

  • Какой вариант разметки (layouts) выбрать: таблицы, элемент “div”, расширения HTML5, возможности CSS3: Template-Based, Multi-column.
  • Нововведения CSS3 (новые селекторы, разметка, трансформация, анимация, адаптация UI под гаджет).
  • Лабораторная работа: Управление стилями и разметкой страниц.

Применение нововведений CSS3 для существующих страниц.

5. Графика и мультимедиа.

  • Рисование в HTML5: растровая графика при помощи “canvas” (2D, масштабирование, трансформации).
  • Встроенная поддержка аудио и видео, расширенные возможности.
  • Управление при помощи JavaScript.
  • Лабораторная работа: Использование элементов графики и мультимедиа..

Отображение видео на странице.

Создание слайд-шоу средствами контейнера “canvas”.

6. Подробнее об использовании графики.

  • Рисование в HTML5: масштабируемая векторная графика (Scalable Vector Graphics).
  • Элемент “svg”, использование DOM.
  • 2D, масштабирование, трансформации, фильтры, градиенты и паттерны.
  • Анимация “canvas” и “svg” (декларативное и императивное).
  • Что выбрать: “canvas” или “svg”.
  • Лабораторная работа: Использование анимации.

Добавление и настройка стиля статистических диаграмм средствами “svg”.

Реализация слайд-шоу при помощи “canvas” и JavaScript.

7. Средства хранения данных в браузере.

  • Технологии хранения: куки - особенности использования, известные ограничения; интернет-хранилище (web storage) в HTML5 - модель данных IndexedDB.
  • Что выбрать: интернет-хранилище или куки?
  • Интерфейс интернет-хранилища (области, объектная модель, события, безопасность).
  • Лабораторная работа: Реализация интернет-хранилища.

Реализация локального хранилища для сохранения заказа на покупку.

Интеграция созданного хранилища с сайтом при помощи jQuery.

8. Новые возможности JavaScript в HTML5.

  • Новый API в HTML5.
  • Реализация “drag-and-drop” (DnD) - элементы “draggable”/”dropzone”, события, безопасность.
  • Интерфейс для работы с файлами (основные возможности, вопросы безопасности).
  • Геолокация в HTML5 (объектная модель, использование, вопросы безопасности).
  • Лабораторная работа: Использование новых возможностей JavaScript API..

Интеграция DnD в существующие страницы.

Работа с файлами и возможностями геолокации.

9. Инструментарий HTML5-разработчика.

  • Установка и возможности Microsoft WebMatrix.
  • Использование Razor - нового механизма визуализации ASP.NET MVC 3 (основы, вопросы проектирования).
  • Что выбрать: бесплатный Microsoft WebMatrix, Visual Studio или …
  • Лабораторная работа: Освоение инструментария HTML5-разработчика.

Использование Microsoft WebMatrix.

Создание веб-приложения с помощью Razor.

Получаемый документ

Удостоверение о повышении квалификации, или Сертификат. (В зависимости от категории слушателей и общей продолжительности программы)


Оставить отзыв
Об этом курсе отзывов пока нет. Будьте первым.

Расписание


К сожалению, в этом курсе нет ближайших дат для бронирования, но вы можете запросить информацию.

Курс доступен в следующих пакетах:

Курсы со скидками
"Государственное и муниципальное управление" программа профессиональной переподготовки
старая цена для физ.лиц: 36 000 руб.
цена со скидкой: 12 000 руб.
старая цена для юр.лиц: 36 000 руб.
цена со скидкой: 12 000 руб.
Оказание первой доврачебной помощи в образовательных организациях
старая цена для физ.лиц: 1900 руб.
цена со скидкой: 600 руб.
старая цена для юр.лиц: 2900 руб.
цена со скидкой: 600 руб.