ГлавнаяКурсыMicrosoftРазработка20480: Программирование в HTML5 с JavaScript и CSS3

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

Код: 20480

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

Формат проведения

Продолжительность

40 академических часов

Вендор

Microsoft

Тематика

Разработка

Вы научитесь

использовать Visual Studio для создания 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.

Требования к предварительной подготовке слушателя

уверенное знание HTML
знание технического английского языка

Содержание курса

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

Продолжительность: 2 ак.ч.

Обзор HTML
Обзор CSS
Создание веб-приложений с помощью Visual Studio
Лабораторная работа: Анализ приложения Contoso Conference
Пошаговое изучение приложения управления конференциями “Contoso Conference”
Анализ и модификация приложения

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

Продолжительность: 3 ак.ч.

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

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

Продолжительность: 3 ак.ч.

Обзор синтаксиса JavaScript
Использование DOM в JavaScript
Введение в jQuery
Лабораторная работа: Отображение данных и обработка событий с помощью JavaScript
Отображение данных

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

Продолжительность: 3 ак.ч.

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

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

Продолжительность: 3 ак.ч.

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

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

Продолжительность: 3 ак.ч.

Стилизация текста
Стилизация группы элементов
Селекторы CSS3
Использования графических эффектов CSS3
Лабораторная работа: Стилизация текста и блоковых элементов с помощью CSS3
Стилизация панели навигации
Стилизация заголовка страницы
Стилизация страницы “О приложении” (About)

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

Продолжительность: 3 ак.ч.

Разработка структурированного кода на JavaScript
Создание собственных объектов
Расширение созданных/существующих объектов
Лабораторная работа: Оптимизация кода для снижения издержек при сопровождении (Maintainability), повышение устойчивости при внесении изменений (Extensibility)
Наследование объектов
Рефакторинг кода использующего объекты

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

Продолжительность: 3 ак.ч.

Взаимодействие с файлами
Использование мультимедиа
Реагирование на дислокацию и контекст обозревателя
Отладка и профилирование веб-приложений
Лабораторная работа: Создание интерактивных страниц с помощью HTML5
Внедрение видео
Внедрение изображений
Использование API геолокации

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

Продолжительность: 3 ак.ч.

Локальное чтение и запись данных
Сохранение данных на стороне клиента (offline-режим) с помощью кэша приложения
Лабораторная работа: Добавление сохранения данных на стороне клиента (offline-режим)
Реализация кэша приложения
Реализация локального хранилища

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

Продолжительность: 3 ак.ч.

Поддержка различных форм-факторов
Создание адаптивного пользовательского интерфейса
Лабораторная работа: Реализация адаптивного интерфейса пользователя
Создание шаблона страницы пригодного для вывода на печать
Адаптация макета страницы к различным форм-факторам

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

Продолжительность: 3 ак.ч.

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

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

Продолжительность: 4 ак.ч.

Применение переходов (transitions) CSS
Преобразование (transformations) элементов
Использование покадровой CSS анимации
Лабораторная работа: Анимация элементов пользовательского интерфейса
Создание переходов для анимации пользовательского интерфейса
Применение покадровой анимации

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

Продолжительность: 2 ак.ч.

Введение в Web Sockets
Отправка и получение данных с помощью Web Sockets
Лабораторная работа: Реализация двунаправленного обмена с использованием Web Sockets
Получение данных через Web Sockets
Отправка данных в Web Sockets
Передача разных типов сообщений через Web Sockets

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

Продолжительность: 2 ак.ч.

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

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

Екатеринбург

06 октября 2025 - 10 октября 2025

47 490 ₽

Затрудняетесь
с выбором курса?

Оставьте заявку на консультацию

Как происходит обучение в АйТи Клауд

01 Выбор курса

В Учебном центре «АйТи Клауд» Вы можете подобрать курсы с полезным для Вас содержанием. УЦ «АйТи Клауд» готов предложить 1200+ программ различной тематики и степени сложности. Мы проводим курсы, авторизованные производителями ИТ, и также авторские программы от ведущих ИТ-экспертов.

02 Процесс обучения

Вы можете пройти обучение в различных форматах:

в очном - на территории Учебного центра либо территории Заказчика,
онлайн - на российской онлайн-платформе в режиме реального времени, через интернет, с выполнением всех необходимых практических заданий под онлайн-руководством преподавателя.

03 Выдача документов

По завершении обучения Вы получите удостоверение о повышении квалификации или сертификат (если у Вас отсутствует диплом о высшем образовании). После обучения на авторизованных курсах Вам также будет выдан сертификат от производителя.

Подробнее о формах обучения

Затрудняетесь
с выбором курса?

Оставьте заявку на консультацию

Хотите преподавать в АйТи Клауд?

Если вы имеете компетенции и хотите работать тренером курсов в АйТи Клауд - оставьте ваши данные, мы свяжемся с вами!

Узнать больше