Мы в Твиттере
Мы в Контакте
Поиск

Курс Microsoft 20480

 

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

Programming in HTML5 with JavaScript and CSS3
Продолжительность обучения: 5 дней - 40 часов
Группа формируется по мере поступления заявок.
Стоимость курса 20480: 30000 ₽
Цель курса – предоставить слушателям знания и навыки программирования на HTML5 / CSS3 / JavaScript. Этот курс является вводным курсом для изучения веб-приложений и приложений Windows Store. Курс направлен на использование HTML5 / CSS3 / JavaScript для реализации логики программирования, определения и использования переменных, выполнения циклов и ветвлений, разработки пользовательских интерфейсов, проверки ввода данных пользователем, хранения данных и создания хорошо структурированного приложения. В курсе используется Visual Studio 2017, работающая на Windows 10.
Аудитория
Этот курс предназначен для профессиональных разработчиков, которые имеют опыт программирования от 6 до 12 месяцев, заинтересованных в разработке приложений с использованием HTML5, JavaScript и CSS3 (либо приложений Windows Store для Windows 10, либо веб-приложений).
По окончании курса слушатели смогут:
  • Использовать Visual Studio 2017 для создания и запуска веб-приложений;
  • Описать новые функции HTML5, создавать и настраивать страницы HTML5;
  • Добавлять интерактивные страницы HTML5 с использованием JavaScript;
  • Создавать формы HTML5, используя различные типы ввода, проверять вводимые пользователем данные с помощью атрибутов HTML5 и кода JavaScript;
  • Отправлять и получать данные удаленно с помощью объектов XMLHTTPRequest и Fetch API;
  • Настраивать стиль HTML5-страниц с помощью CSS3;
  • Создавать структурированный и легкий в сопровождении код на JavaScript и использовать Babel;
  • Использовать основные возможности HTML5 APIs в интерактивных веб-приложениях;
  • Создавать веб-приложения, поддерживающие хранение данных на стороне клиента (offline-режим);
  • Создавать веб-страницы HTML5, способные адаптироваться к различным видам устройств и форм-факторам;
  • Выводить графику средствами HTML5, используя элементы Canvas и масштабируемую векторную графику SVG;
  • Повысить удобство интерфейса пользователя, используя анимацию на страницах HTML5;
  • Использовать новые возможности Web Sockets API для передачи и приема данных между веб-приложением и сервером;
  • Сделать более эффективной работу приложений, производящих длительные операции, используя Web Worker;
  • Использовать WebPack для последующего развертывания веб-приложений.
Сертификационные экзамены
Курс помогает подготовиться к следующим сертификационным экзаменам:
  • 70-480: Programming in HTML5 with JavaScript and CSS3
Необходимая подготовка
Для эффективного обучения на курсе слушатели должны обладать следующими знаниями и навыками:
  • 1-3 месяца опыта создания веб-приложений, включая написание базовых JavaScript-скриптов;
  • 1 месяц опыта создания клиентских приложений Windows;
  • 1 месяц опыта использования среды разработки Visual Studio 2017.
Материалы слушателя
Слушателям предоставляется фирменное учебное пособие и прочие материалы, необходимые для обучения.
Содержание курса:
Модуль 1: Обзор HTML и CSS
Темы
  • Обзор HTML
  • Обзор CSS
  • Создание веб-приложений с помощью Visual Studio 2017
Лабораторная работа: Анализ приложения Contoso Conference
  • Пошаговое изучение приложения Contoso Conference
  • Анализ и модификация приложения Contoso Conference
По окончании этого модуля слушатели смогут:
  • Описать основные элементы и атрибуты HTML
  • Объяснить структуру CSS
  • Описать инструменты, доступные в Visual Studio для создания веб-приложений
Модуль 2: Создание и стилизация HTML страниц
Темы
  • Создание страницы HTML5
  • Настройка стиля страницы HTML5
Лабораторная работа: Создание и стилизация страницы HTML5
  • Создание страницы HTML5
  • Настройка стиля страницы HTML5
По окончании этого модуля слушатели смогут:
  • Создавать страницы с помощью новых функций HTML5
  • Применять стили CSS3 к элементам страницы HTML5
Модуль 3: Введение в JavaScript
Темы
  • Обзор JavaScript
  • Введение в Document Object Model (DOM)
Лабораторная работа: Отображение данных и обработка событий с помощью JavaScript
  • Отображение данных
  • Обработка событий
По окончании этого модуля слушатели смогут:
  • Описать синтаксис JavaScript
  • Использовать JavaScript для управления DOM и обработкой событий
Модуль 4: Создание форм для сбора данных и проверки вводимых пользователем данных
Темы
  • Создание форм HTML5
  • Проверка вводимых пользователем данных с помощью атрибутов HTML5
  • Проверка вводимых пользователем данных с помощью JavaScript
Лабораторная работа: Создание форм и проверка пользовательского ввода
  • Создание форм проверки вводимых пользователем данных с помощью атрибутов HTML5
  • Проверка пользовательского ввода с помощью JavaScript
По окончании этого модуля слушатели смогут:
  • Создавать формы, использующие элементы ввода HTML5
  • Проверять пользовательский ввод и обеспечивать обратную связь с помощью новых атрибутов HTML5
  • Писать код JavaScript для проверки пользовательского ввода и обеспечивать обратную связь в случаях, когда атрибуты HTML5 не годятся
Модуль 5. Взаимодействие с удаленным источником данных
Темы
  • Асинхронное программирование на JavaScript
  • Отправка и получение данных с помощью XMLHTTPRequest
  • Отправка и получение данных с помощью Fetch API
Лабораторная работа: Взаимодействие с удаленным источником данных
  • Получение данных
  • Сериализация и передача данных
  • Оптимизация кода с помощью метода ajax библиотеки jQuery
По окончании этого модуля слушатели смогут:
  • Обрабатывать асинхронные задачи JavaScript
  • Отправлять и получать данные с помощью объектов XMLHTTPRequest
  • Отправлять и получать данные с помощью Fetch API
Модуль 6. Применение стилей с помощью CSS3
Темы
  • Стилизация текста с использованием CSS3
  • Стилизация группы элементов
  • Селекторы CSS3. Псевдоклассы и псевдоэлементы
  • Использование графических эффектов CSS3
Лабораторная работа: Стилизация текста и блоковых элементов с помощью CSS3
  • Стилизация панели навигации
  • Стилизация заголовка страницы
  • Стилизация страницы About
По окончании этого модуля слушатели смогут:
  • Применять стили к элементам текста на странице HTML5, используя CSS3
  • Применять стили для групп элементов с помощью CSS3
  • Использовать селекторы CSS3, псевдо-классы и псевдо-элементы для отбора стилизуемых элементов
  • Реализовывать графические эффекты с помощью CSS3
Модуль 7: Создание объектов и методов с помощью JavaScript
Темы
  • Разработка структурированного кода на JavaScript
  • Создание пользовательских объектов
  • Расширение объектов
Лабораторная работа: Оптимизация кода для снижения издержек при сопровождении (Maintainability), повышение устойчивости при внесении изменений (Extensibility)
  • Наследование объектов
  • Рефакторинг кода для использования объектов
По окончании этого модуля слушатели смогут:
  • Программировать структурированный код JavaScript
  • Создавать пользовательские объекты средствами JavaScript
  • Реализовать объектно-ориентированные техники с использованием идиом JavaScript
Модуль 8: Создание интерактивных страниц с помощью HTML5 APIs
Темы
  • Взаимодействие с файлами
  • Использование мультимедиа
  • Реагирование на местоположение и контекст браузера
  • Отладка и профилирование веб-приложения
Лабораторная работа: Создание интерактивных страниц с помощью HTML5 APIs
  • Drag-and-drop изображений
  • Внедрение видео
  • Использование API геолокации для определения текущего местоположения пользователя
По окончании этого модуля слушатели смогут:
  • Использовать технологию Drag-and-drop для взаимодействия с файлами
  • Использовать элементы аудио и видео на веб-странице
  • Определять текущее местоположение пользователя
  • Использовать F12 Developer Tools в Microsoft Edge для отладки и профилирования веб-приложения
Модуль 9: Использование возможностей хранения данных на стороне клиента
Темы
  • Локальное чтение и запись данных
  • Сохранение данных на стороне клиента с помощью кэша приложения
Лабораторная работа: Добавление сохранения данных на стороне клиента
  • Реализация кэша приложения с использованием Application Cache API
  • Реализация локального хранилища Local Storage API
По окончании этого модуля слушатели смогут:
  • Сохранять и восстанавливать данные на компьютере пользователя с помощью Local Storage API
  • Обеспечение сохранения данных на стороне клиента с помощью Application Cache API
Модуль 10: Реализация адаптивного пользовательского интерфейса
Темы
  • Поддержка различных форм-факторов
  • Создание адаптивного пользовательского интерфейса
Лабораторная работа: Реализация адаптивного пользовательского интерфейса
  • Создание шаблона страницы, пригодного для вывода на печать
  • Адаптация макета страницы к различным форм-факторам
По окончании этого модуля слушатели смогут:
  • Научить приложение определять возможности устройств и адаптироваться к форм-факторам
  • Создавать веб-страницы, способные динамически адаптироваться, чтобы соответствовать различным форм-факторам
Модуль 11: Использование графики
Темы
  • Создание интерактивной графики с помощью SVG
  • Создание графики с помощью Canvas API
Лабораторная работа: Настройка расширенной графики
  • Создание интерактивной карты с использованием SVG
  • Создание бейджа докладчика (Speaker Badge) с помощью Canvas API
По окончании этого модуля слушатели смогут:
  • Использовать векторную графику для создания интерактивных приложений
  • Рисовать сложные графические элементы на базе Canvas API с помощью JavaScript
Модуль 12: Анимация интерфейса пользователя
Темы
  • Применение переходов (transitions) CSS
  • Преобразование элементов
  • Использование покадровой CSS анимации
Лабораторная работа: Анимация элементов пользовательского интерфейса
  • Создание переходов для анимации пользовательского интерфейса
  • Применение покадровой анимации
По окончании этого модуля слушатели смогут:
  • Применить переходы CSS к элементам HTML5, управлять переходом через JavaScript
  • Описать различные типы 2D и 3D переходов, доступные с CSS3
  • Реализовать сложную покадровую анимацию к элементам HTML
Модуль 13: Реализация двунаправленного обмена сообщениями с использованием Web Sockets
Темы
  • Введение в Web Sockets
  • Использование Web Sockets API
Лабораторная работа: Реализация двунаправленного обмена с использованием Web Sockets
  • Получение данных через Web Sockets
  • Отправка данных в Web Sockets
  • Передача разных типов сообщений через Web Sockets
По окончании этого модуля слушатели смогут:
  • Описать, как работают веб-сокеты, как происходит передача и прием сообщений
  • Использовать Web Socket API для подключения к серверу, отправки и получении данных и обработки событий, связанных с отправкой или получением сообщений
Модуль 14: Фоновая обработка с использованием Web Workers
Темы
  • Введение в Web Workers
  • Выполнение асинхронной обработки с помощью Web Workers
Лабораторная работа: Создание Web Workers
  • Повышение эффективности использования приложений посредством Web Workers
  • Обеспечение обратной связи с пользователями во время выполнения длительных операций
По окончании этого модуля слушатели смогут:
  • Описать назначение Web Workers их использование для асинхронной обработки
  • Создавать, запускать и проводить мониторинг Web Worker из JavaScript при помощи Web Worker API
Модуль 15: Упаковка Javascript для последующего развертывания
Темы
  • Обзор транспортеров и комплектации модулей
  • Создание отдельных пакетов для кросс-браузерной поддержки
Лабораторная работа: Настройка Webpack Bundle для развертывания
  • Создание и развертывание пакетов с использованием WebPack
По окончании этого модуля слушатели смогут:
  • Создавать и развертывать пакеты с использованием WebPack.

Курс 20480 необходим для программ сертификации
› MCSA
Web Applications
Сертификационные экзамены
№ 70-480
Programming in HTML5 with JavaScript and CSS3
Курс желателен для подготовки к
№ 20481 Основы разработки приложений для Windows Store на HTML5 и JavaScript

Документ об окончании:
Международный сертификат Microsoft
Международный сертификат Microsoft

# По всем вопросам подготовки специалистов обращайтесь к менеджерам учебного центра
Калининой Лиле, Карповой Елене, Смирновой Светлане, Богдановой Ирине, Литвиновой Елене тел.  8 (812) 718-6184 (многоканальный).

# По вопросам заказа тестов в центре тестирования Pearson VUE просьба обращаться к администратору центра тестирования
Ольге Золиной тел. 8 (812) 326-78-30.