Softprom Value Added Distributor

Новости

21.09.2017

Экспорт данных из Google Vault в формате .pst

Найдя нужные сообщения и файлы, экспортируйте их из Сейфа для дальнейшей работы. Теперь и в формате Microsoft Personal Storage Table (PST)

Все новости

Акции

21.09.2017

Исключительная цена на ONYX Thrive 221, только до конца года!

Скидки и уникальные предложения от Onyx Graphics.

Все акции

События

05.10.2017 - 05.10.2017

Онлайн сессия: пример внедрения Barracuda Message Archiver на примере Телекомa

Онлайн сессия: пример внедрения Barracuda Message Archiver на примере Телекомa

Все события

Visual Studio 2012 - 20480 - Программирование в HTML5 с JavaScript и CSS3

Описание курса

Курс предоставляет слушателям  знания и навыки, необходимые для разработки  Windows Store и веб-приложений с использованием HTML5/CSS3/JavaScript, познакомить с принципами создания программных компонентов и структур, используемых в приложениях на HTML5. Курс сфокусирован на принципах построения программной логики, определении и использовании переменных, написании циклов и ветвлений, разработке пользовательских интерфейсов, обработке вводимых данных, их хранении, разработке структурированных приложений на базе HTML5/CSS3/JavaScript. Практические работы выполняются с использованием Visual Studio 2012 на платформе Windows 8.

Слушатели

Этот курс предназначен для разработчиков с опытом более 6 месяцев, желающих изучить принципы создания приложений на HTML5 с JavaScript и CSS3, развить навыки разработки веб-приложений под IE10 и Windows Store. Курс не требует знания HTML5, вполне достаточно некоторого опыта использования HTML4.

Курс помогает подготовиться к следующим сертификационным экзаменам:

70-480: Programming in HTML5 with JavaScript and CSS3

Предварительная подготовка

Для эффективного обучения слушатели должны обладать следующими знаниями и навыками:

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

 

Программа курса

Модуль 1: Обзор HTML и CSS

Темы

·         Обзор HTML

·         Обзор CSS

·         Создание веб-приложений с помощью Visual Studio 2012

Лабораторная работа: Анализ приложения Contoso Conference

·         Пошаговое изучение приложения управления конференциями “Contoso Conference”

·         Анализ и модификация приложения

По окончании этого модуля слушатели смогут:

·         Описать основные элементы и атрибуты HTML

·         Объяснить структуру CSS

·         Описать инструменты, доступные в Visual Studio 2012 для создания веб-приложений

 

Модуль 2: Создание и стилизации HTML5 страниц

Темы

·         Создание страницы HTML5

·         Настройка стиля страницы HTML5

Лабораторная работа: Создание и стилизация страницы HTML5

·         Создание страницы HTML5

·         Настройка стиля страницы HTML5

По окончании этого модуля слушатели смогут:

Создавать страницы с помощью новых функций HTML5

Применять стили CSS3 к элементам страницы HTML5

 

Модуль 3: Введение в JavaScript

Темы

Обзор синтаксиса JavaScript

Использование DOM в JavaScript

Введение в jQuery

Лабораторная работа: Отображение данных и обработка событий с помощью JavaScript

Отображение данных

Обработка событий

По окончании этого модуля слушатели смогут:

Описать синтаксис JavaScript и его использование в HTML5

Использовать JavaScript для управления DOM и обработкой событий

Описать использование библиотеки jQuery для упрощения кода на JavaScript

 

Модуль 4: Создание форм для сбора данных и проверки вводимых пользователем данных

Темы

Обзор форм и типов ввода

Проверка вводимых пользователем данных с помощью атрибутов HTML5

Проверка вводимых пользователем данных с помощью JavaScript

Лабораторная работа: Создание форм и проверка пользовательского ввода

Создание форм проверки вводимых пользователем данных с помощью атрибутов HTML5

Проверка пользовательского ввода с помощью JavaScript

По окончании этого модуля слушатели смогут:

Создавать формы, использующие новые элементы ввода HTML5

Проверять пользовательский ввод и обеспечивать обратную связь с помощью новых атрибутов HTML5

Писать код JavaScript для проверки пользовательского ввода и обеспечивать обратную связь в случаях, когда атрибуты HTML5 не годятся

 

Модуль 5. Взаимодействие с удаленным источником данных

Темы

Отправка и получение данных с помощью XMLHTTPRequest

Отправка и получение данных с помощью операций jQuery AJAX

Лабораторная работа: Связь с удаленным источником данных

Получение данных

Сериализация и передача данных

Оптимизация кода с помощью метода ajax библиотеки jQuery

По окончании этого модуля слушатели смогут:

Отправлять и получать данные с помощью объектов XMLHTTPRequest

Оптимизировать код для получения и передачи данных метод ajax библиотеки jQuery

 

Модуль 6. Моделирование с помощью HTML5 CSS3

Темы

Стилизация текста

Стилизация группы элементов

Селекторы CSS3

Использования графических эффектов CSS3

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

Стилизация панели навигации

Стилизация заголовка страницы

Стилизация страницы “О приложении” (About)

По окончании этого модуля слушатели смогут:

Стилизовать элементы текста на странице HTML5, используя CSS3

Применять стили для групп элементов с помощью CSS3

Использовать селекторы CSS3 для отбора стилизуемых элементов

Реализовывать графические эффекты и преобразования (transformations) с помощью новых свойств CSS3

 

Модуль 7: Создание объектов с помощью JavaScript

Темы

Разработка структурированного кода на JavaScript

Создание собственных объектов

Расширение созданных/существующих объектов

Лабораторная работа: Оптимизация кода для снижения издержек при сопровождении (Maintainability), повышение устойчивости при внесении изменений (Extensibility)

Наследование объектов

Рефакторинг кода использующего объекты

По окончании этого модуля слушатели смогут:

Описать преимущества структурированного кода JavaScript

Применять передовой опыт для создания пользовательских объектов средствами JavaScript

Описать, как можно надстроить логику пользовательских и встроенных объектов

 

Модуль 8: Создание интерактивных страниц с помощью HTML5

Темы

Взаимодействие с файлами

Использование мультимедиа

Реагирование на дислокацию и контекст обозревателя

Отладка и профилирование веб-приложений

Лабораторная работа: Создание интерактивных страниц с помощью HTML5

Внедрение видео

Внедрение изображений

Использование API геолокации

По окончании этого модуля слушатели смогут:

Использовать технологию Drag and Drop и API для взаимодействия с файлами (File API)

Использовать элементы аудио и видео

Определить местоположение пользователя, запустившего Веб-приложение, с помощью API геолокации

Отлаживать и персонифицировать Веб-приложения, используя Web Timing API и Internet Explorer Developer Tools

 

Модуль 9: Использование возможностей хранения данных на стороне клиента

Темы

Локальное чтение и запись данных

Сохранение данных на стороне клиента (offline-режим) с помощью кэша приложения

Лабораторная работа: Добавление сохранения данных на стороне клиента (offline-режим)

Реализация кэша приложения

Реализация локального хранилища

По окончании этого модуля слушатели смогут:

Сохранять и восстанавливать данные на компьютере пользователя с помощью Local Storage API

Обеспечение сохранения данных на стороне клиента с помощью Application Cache API

 

Модуль 10: Реализация адаптивного интерфейса пользователя

Темы

Поддержка различных форм-факторов

Создание адаптивного пользовательского интерфейса

Лабораторная работа: Реализация адаптивного интерфейса пользователя

Создание шаблона страницы пригодного для вывода на печать

Адаптация макета страницы к различным форм-факторам

По окончании этого модуля слушатели смогут:

Научить приложение определять возможности устройств и адаптироваться к форм-факторам

Создавать веб-страницы, способные динамически адаптироваться, чтобы соответствовать различным форм-факторам

 

Модуль 11: Использование графики

Темы

Создание векторной графики с помощью библиотеки SVG

Программное создание графики с помощью элемента Canvas

Лабораторная работа: Настройка расширенной графики

Создание интерактивной карты с использование средств векторной графики

Создание беджа докладчика (Speaker Badge) с помощью элемента Canvas

По окончании этого модуля слушатели смогут:

Использовать векторную графику для создания интерактивных приложений

Рисовать сложные графические элементы на базе Canvas с помощью JavaScript

 

Модуль 12: Анимация интерфейса пользователя

Темы

Применение переходов (transitions) CSS

Преобразование (transformations) элементов

Использование покадровой CSS анимации

Лабораторная работа: Анимация элементов пользовательского интерфейса

Создание переходов для анимации пользовательского интерфейса

Применение покадровой анимации

По окончании этого модуля слушатели смогут:

Применить переходы CSS к элементам HTML5, управлять переходом через JavaScript

Описать различные типы 2D и 3D переходов, доступные с CSS3

Реализовать сложную покадровую анимацию с помощью CSS и кода JavaScript

 

Модуль 13: Реализация двунаправленного обмена сообщениями с использованием Web Sockets

Темы

Введение в Web Sockets

Отправка и получение данных с помощью Web Sockets

Лабораторная работа: Реализация двунаправленного обмена с использованием Web Sockets

Получение данных через Web Sockets

Отправка данных в Web Sockets

Передача разных типов сообщений через Web Sockets

По окончании этого модуля слушатели смогут:

Описать, как работают Web Sockets, как происходит передача и прием сообщений

Использовать Web Socket API на JavaScript для подключения к серверу, отправки и получении данных и обработки событий, связанных с отправкой или получением сообщений

 

Модуль 14: Использование Web Workers

Темы

Введение в Web Workers

Выполнение асинхронной обработки с помощью Web Workers

Лабораторная работа: Создание Web Workers

Повышение эффективности использования приложений посредством Web Workers

Обеспечение обратной связи с пользователями во время выполнения длительных операций

По окончании этого модуля слушатели смогут:

Описать назначение Web Workers их использование для асинхронной обработки

Создавать, запускать и проводить мониторинг Web Worker из JavaScript при помощи Web Worker API

 

Продолжительность курса – 5 дней/40 часов

Официальный источник  https://www.microsoft.com/en-us/learning/course.aspx?cid=20480

Актуальная версия курса на сегодня – 20480B   (доступен с 4 января  2013 года)

Регистрация Расписание Microsoft