другие сайты академии айти
Электронное обучение Ресурсы для обучения в любой точке мира, в удобное время
ООО «Электронные образовательные ресурсы». ГК АйТи Услуги для корпоративных заказчиков по разработке электронного образовательного контента и организации обучения
Интернет-магазин Здесь можно купить наши спецпредложения
Новый мир Информационно-образовательный портал. Бесплатные курсы.
С компьютером на «ты»! Бесплатное открытое онлайн обучение для всех
Свободное программное обеспечение в школах Информационно-образовательный портал
Электронные образовательные ресурсы для учителей Информационно-образовательный портал
Энергосбережение и энергоэффективность Информационно-образовательный портал

Программирование на HTML5 с использованием JavaScript и CSS3

Programming in HTML5 with JavaScript and CSS3



Программирование на HTML5 с использованием JavaScript и CSS3
Код: 20480
Направление обучения: ИТ/прочие
Продолжительность: 5 дней / 40 часов
Цена для физ. лиц: 24750 руб.
Цена для юр. лиц: 27500 руб.

Скачать прайс-лист (PDF)

Описание образовательной программы

Курс знакомит с принципами создания программных компонентов и структур, используемых в приложениях на HTML5.

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

Успешное окончание обучения по программе данного курса позволит специалистам:

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


Цель курса

Формирование знаний и навыков программирования на HTML5 с использованием JavaScript и CSS3.

Целевая аудитория

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

Необходимая подготовка

Курс 10953 «Разработка c использованием HTML5».

Курс 50564 «Расширенные возможности HTML5».

Или эквивалентная подготовка.

Курс не требует знания HTML5, вполне достаточно некоторого опыта использования HTML4.

Содержание

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.

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

Сертификация

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

  • 070-480: Programming in HTML5 with JavaScript and CSS3.

Получаемый документ

Удостоверение о повышении квалификации, или Сертификат. (В зависимости от категории слушателей и общей продолжительности программы)


Оставить отзыв
Об этом курсе отзывов пока нет. Будьте первым.

Расписание


  • 28 Августа 2017
  • 04 Сентября 2017
  • 02 Октября 2017
  • Москва
  • Ростов-на-Дону

Чтобы забронировать место авторизуйтесь на сайте или пройдите регистрацию.

Курсы со скидками
"Государственное и муниципальное управление" программа профессиональной переподготовки
старая цена для физ.лиц: 36 000 руб.
цена со скидкой: 12 000 руб.
старая цена для юр.лиц: 36 000 руб.
цена со скидкой: 12 000 руб.
Оказание первой доврачебной помощи в образовательных организациях
старая цена для физ.лиц: 1900 руб.
цена со скидкой: 600 руб.
старая цена для юр.лиц: 2900 руб.
цена со скидкой: 600 руб.