Курс M20480: Программирование в HTML5 с JavaScript и CSS3

Цена для физических лиц, р.: 60000
Цена для юридических лиц, р.: 60000
Цена вебинара для физических лиц, р.: 60000
Цена вебинара для юридических лиц, р.: 60000

Продолжительность курса (дней): 5

Даты (день):

Даты (вечер):

Цель: Этот курс содержит введение в HTML5, CSS3 и JavaScript. Этот курс помогает студентам приобрести базовые навыки программирования на HTML5/CSS3/JavaScript. Этот курс является точкой входа в учебные пути как для веб-приложений, так и для приложений Магазина Windows. Курс фокусируется на использовании HTML5/CSS3 / JavaScript для реализации логики программирования, определения и использования переменных, выполнения циклов и ветвления, разработки пользовательских интерфейсов, захвата и проверки пользовательского ввода, хранения данных и создания хорошо структурированных приложений.Лабораторные сценарии в этом курсе выбраны для поддержки и демонстрации структуры различных сценариев применения. Они предназначены для того, чтобы сосредоточиться на принципах и компонентах кодирования/структурах, которые используются для создания программного приложения HTML5.В этом курсе используется Visual Studio 2017, работающая под управлением Windows 10.

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

1-3 месяца опыта создания веб- приложений, включая написание простого кода JavaScript
1 месяц опыта создания клиентских приложений Windows
1 месяц опыта работы с Visual Studio 2017

Формат обучения, регистрация на курс:

• Курс доступен как в классе так и в режиме вебинара.
• Хотите записаться? info@stars-s.ru, Skype или наши много-канальные телефоны :+7 (495) 363-36-86

План курса:

20480 C

• Модуль 1. Обзор HTML и CSS
• Модуль 2. Создание и стилизации HTML5 страниц
• Модуль 3. Введение в JavaScript
• Модуль 4. Создание форм для сбора данных и проверки вводимых пользователем данных
• Модуль 5. Взаимодействие с удаленным источником данных
• Модуль 6. Стилизация страниц HTML5 с помощью CSS3
• Модуль 7. Создание объектов с помощью JavaScript
• Модуль 8. Создание интерактивных страниц с помощью HTML5
• Модуль 9. Поддержка offline режима веб-приложением
• Модуль 10. Реализация адаптивного интерфейса пользователя
• Модуль 11. Использование графики
• Модуль 12. Анимация интерфейса пользователя
• Модуль 13. Реализация двунаправленного обмена сообщениями с использованием Web Sockets
• Модуль 14. Использование Web Workers
• Модуль 15. Упаковка JavaScript’a

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

• Обзор HTML
• Обзор CSS
• Создание веб-приложений с помощью Visual Studio
• Лабораторная работа: Анализ приложения Contoso Conference

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

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

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

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

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

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

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

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

Модуль 6. Стилизация страниц HTML5 с помощью CSS3

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

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

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

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

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

Модуль 9. Поддержка offline режима веб-приложением

• Локальное чтение и запись данных
• Сохранение данных на стороне клиента (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

Модуль 15. Упаковка JavaScript’a

• Понимание транспайлеров и комплектации пакетов
• Создание отдельных пакетов для Поддержки кросс-браузерности
• Лабораторная работа: Настройка пакета Webpack