Здесь Вы можете заказать интересующие Вас курсы,
заполнив Заявку на обучение

Заявка на обучение
Главная \ Каталог курсов \ Microsoft \ (20480) Программирование в HTML5 с JavaScript и CSS3

(20480) Программирование в HTML5 с JavaScript и CSS3

Дни 5 дней
Дата курса
Цена:
29 400 руб.
Кол-во:
поделиться

microsoft-logoadobe_pdf-mini

Краткое описание:

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

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

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

Содержание:

1. Обзор HTML и CSS

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

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

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

2. Создание и стилизации HTML5 страниц

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

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

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

3. Введение в JavaScript

  • Обзор синтаксиса JavaScript
  • Использование DOM в JavaScript
  • Введение в jQuery

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

  • Отображение данных
  • Обработка событий

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

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

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

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

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

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

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

  • Получение данных
  • Сериализация и передача данных
  • Оптимизация кода с помощью метода ajax библиотеки jQuery

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

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

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

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

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

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

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

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

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

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

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

  • Внедрение видео
  • Внедрение изображений
  • Использование API геолокации

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

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

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

  • Реализация кэша приложения
  • Реализация локального хранилища

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

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

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

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

11. Использование графики

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

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

  • Создание интерактивной карты с использование средств векторной графики
  • Создание беджа докладчика (Speaker Badge) с помощью элемента Canvas

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

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

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

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

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

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

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

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

14. Использование Web Workers

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

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

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

После изучения курса Вы сможете:

  • Использовать 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.

Слушатели:

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

Подготавливает к тесту:

  • 70-480

Необходим для получения статуса:

  • MCSD - MICROSOFT CERTIFIED SOLUTION DEVELOPER
  • MCSD: WINDOWS STORE APPS – HTML 5 

Длительность: 

5 дней