Партнеры

Microsoft

Тренер-ИТ
Учебный центр РРС Лаборатория Касперского

Symantec
Prometric - Тестовый центр
Самара TECH - всё об ИТ в Самаре и области

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

Цель:

предоставить слушателям знания и навыки разработки Windows Store и веб-приложений с использованием HTML5/CSS3/JavaScript, познакомить с принципами создания программных компонентов и структур, используемых в приложениях на HTML5.

Аудитория:

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

Описание:

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

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

  • Использование 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

Стоимость:
для организаций: 31900

для частных лиц: по договоренности

для студентов: по договоренности

Длительность:
40ч / 5д.
Запланированные курсы:

16.03.2020 (Самара)
Дневная группа

Модули курса

Модуль 1. Обзор HTML и CSS
  • Обзор HTML
  • Обзор CSS
  • Создание веб-приложений с помощью Visual Studio 2012
  • Лабораторная работа: Анализ приложения Contoso Conference
Модуль 2. Создание и стилизации HTML5 страниц
  • Cоздание страницы HTML5
  • Настройка стиля страницы HTML5
  • Лабораторная работа: Создание и стилизация страницы HTML5
Модуль 3. Введение в JavaScript
  • Обзор синтаксиса JavaScript
  • Использование DOM в JavaScript
  • Введение в jQuery
  • Лабораторная работа: Отображение данных и обработка событий с помощью JavaScript
Модуль 4. Создание форм для сбора данных и проверки вводимых пользователем данных
  • Обзор форм и типов ввода
  • Проверка вводимых пользователем данных с помощью атрибутов HTML5
  • Проверка вводимых пользователем данных с помощью JavaScript
  • Лабораторная работа: Создание форм и проверка пользовательского ввода
Модуль 5. Взаимодействие с удаленным источником данных
  • Отправка и получение данных с помощью XMLHTTPRequest
  • Отправка и получение данных с помощью операций jQuery AJAX
  • Лабораторная работа: Связь с удаленным источником данных
Модуль 6. Моделирование с помощью HTML5 CSS3
  • Стилизация текста
  • Стилизация группы элементов
  • Селекторы CSS3
  • Использования графических эффектов CSS3
  • Лабораторная работа: Стилизация текста и блоковых элементов с помощью CSS3
Модуль 7. Создание объектов с помощью JavaScript
  • Разработка структурированного кода на JavaScript
  • Создание собственных объектов
  • Расширение созданных/существующих объектов
  • Лабораторная работа: Оптимизация кода для снижения издержек при сопровождении (Maintainability), повышение устойчивости при внесении изменений (Extensibility)
Модуль 8. Создание интерактивных страниц с помощью HTML5
  • Взаимодействие с файлами
  • Использование мультимедиа
  • Реагирование на дислокацию и контекст обозревателя
  • Отладка и профилирование веб-приложений
  • Лабораторная работа: Создание интерактивных страниц с помощью HTML5
Модуль 9. Использование возможностей хранения данных на стороне клиента
  • Локальное чтение и запись данных
  • Сохранение данных на стороне клиента (offline-режим) с помощью кэша приложения
  • Лабораторная работа: Добавление сохранения данных на стороне клиента (offline-режим)
Модуль 10. Реализация адаптивного интерфейса пользователя
  • Поддержка различных форм-факторов
  • Создание адаптивного пользовательского интерфейса
  • Лабораторная работа: Реализация адаптивного интерфейса пользователя
Модуль 11. Использование графики
  • Создание векторной графики с помощью библиотеки SVG
  • Программное создание графики с помощью элемента Canvas
  • Лабораторная работа: Настройка расширенной графики
Модуль 12. Анимация интерфейса пользователя
  • Применение переходов (transitions) CSS
  • Преобразование (transformations) элементов
  • Использование покадровой CSS анимации
  • Лабораторная работа: Анимация элементов пользовательского интерфейса
Модуль 13. Реализация двунаправленного обмена сообщениями с использованием Web Sockets
  • Введение в Web Sockets
  • Отправка и получение данных с помощью Web Sockets
  • Лабораторная работа: Реализация двунаправленного обмена с использованием Web Sockets
Модуль 14. Использование Web Workers
  • Введение в Web Workers
  • Выполнение асинхронной обработки с помощью Web Workers
  • Лабораторная работа: Создание Web Workers
НазадНаверх