Цель:

Аудитория:

Описание:

Предварительные требования:

• Использование HTML-тегов для отображения текстового содержимого;
  
• Использование HTML-тегов для вывода изображений;
  
• Владение JavaScript;
  
• Умение отделять представления страницы от ее содержания;
  
• Управление выводом контента;
  
• Управление позиционированием отдельных элементов;
  
• Использование стилей CSS.

Вы будете уметь:

• Использовать Visual Studio 2012 для создания Windows Store и веб-приложений;
  
• Описывать новые функции HTML5, создавать страницы в стиле HTML5;
  
• Добавлять интерактивные страницы HTML5 с использованием JavaScript;
  
• Создавать формы HTML5, используя различные типы ввода, проверять вводимые пользователем данные с помощью атрибутов HTML5 и кода JavaScript;
  
• Отправлять и получать данные удаленно с помощью объектов XMLHTTPRequest и метода ajax библиотеки jQuery;
  
• Настраивать стиль HTML5-страниц с помощью новых возможностей CSS3;
  
• Создавать структурированный и легкий в сопровождении код на JavaScript;
  
• Использовать новые возможности JavaScript API в интерактивных веб-приложениях;
  
• Создавать веб-приложения поддерживающие хранение данных на стороне клиента (offline-режим);
  
• Создавать веб-страницы HTML5, способные адаптироваться к различным видам устройств и форм-факторам;
  
• Выводить графику средствами HTML5, используя элементы Canvas и масштабируемую векторную графику SVG;
  
• Повышать удобство интерфейса пользователя, используя анимацию на страницах HTML5;
  
• Использовать новые возможности Web Sockets API для передачи и приема данных между веб-приложением и сервером;
  
• Делать более эффективной работу приложений производящих длительные операции, используя Web Worker.

Содержание курса:

• Обзор HTML и CSS
  
• Создание и стилизации HTML5 страниц
  
• Введение в JavaScript
  
• Создание форм для сбора данных и проверки вводимых пользователем данных
  
• Взаимодействие с удаленным источником данных
  
• Моделирование с помощью HTML5 CSS3
  
• Создание объектов с помощью JavaScript
  
• Создание интерактивных страниц с помощью HTML5
  
• Использование возможностей хранения данных на стороне клиента
  
• Реализация адаптивного интерфейса пользователя
  
• Использование графики
  
• Анимация интерфейса пользователя
  
• Реализация двунаправленного обмена сообщениями с использованием Web Sockets
  
• Использование Web Workers

• Обзор HTML
  
• Обзор CSS
  
• Создание веб-приложений с помощью Visual Studio 2012
  
• Лабораторная работа: Анализ приложения Contoso Conference

• Cоздание страницы HTML5
  
• Настройка стиля страницы HTML5
  
• Лабораторная работа: Создание и стилизация страницы HTML5

• Обзор синтаксиса JavaScript
  
• Использование DOM в JavaScript
  
• Введение в jQuery
  
• Лабораторная работа: Отображение данных и обработка событий с помощью JavaScript

• Обзор форм и типов ввода
  
• Проверка вводимых пользователем данных с помощью атрибутов HTML5
  
• Проверка вводимых пользователем данных с помощью JavaScript
  
• Лабораторная работа: Создание форм и проверка пользовательского ввода

• Отправка и получение данных с помощью XMLHTTPRequest
  
• Отправка и получение данных с помощью операций jQuery AJAX
  
• Лабораторная работа: Связь с удаленным источником данных

• Стилизация текста
  
• Стилизация группы элементов
  
• Селекторы CSS3
  
• Использования графических эффектов CSS3
  
• Лабораторная работа: Стилизация текста и блоковых элементов с помощью CSS3

• Разработка структурированного кода на JavaScript
  
• Создание собственных объектов
  
• Расширение созданных/существующих объектов
  
• Лабораторная работа: Оптимизация кода для снижения издержек при сопровождении (Maintainability), повышение устойчивости при внесении изменений (Extensibility)

• Взаимодействие с файлами
  
• Использование мультимедиа
  
• Реагирование на дислокацию и контекст обозревателя
  
• Отладка и профилирование веб-приложений
  
• Лабораторная работа: Создание интерактивных страниц с помощью HTML5

• Локальное чтение и запись данных
  
• Сохранение данных на стороне клиента (offline-режим) с помощью кэша приложения
  
• Лабораторная работа: Добавление сохранения данных на стороне клиента (offline-режим)

• Поддержка различных форм-факторов
  
• Создание адаптивного пользовательского интерфейса
  
• Лабораторная работа: Реализация адаптивного интерфейса пользователя

• Создание векторной графики с помощью библиотеки SVG
  
• Программное создание графики с помощью элемента Canvas
  
• Лабораторная работа: Настройка расширенной графики

• Применение переходов (transitions) CSS
  
• Преобразование (transformations) элементов
  
• Использование покадровой CSS анимации
  
• Лабораторная работа: Анимация элементов пользовательского интерфейса

• Введение в Web Sockets
  
• Отправка и получение данных с помощью Web Sockets
  
• Лабораторная работа: Реализация двунаправленного обмена с использованием Web Sockets

• Введение в Web Workers
  
• Выполнение асинхронной обработки с помощью Web Workers
  
• Лабораторная работа: Создание Web Workers