Разработка приложений средствами HTML5, JavaScript и CSS 3.

Курс содержит необходимую информацию для продуктивной разработки клиентских решений, используя новейшие технологии и тренды. Программа курса основывается на международном стандарте Microsoft и считается подготовкой к сдаче экзамена Microsoft 70-480 Programming HTML5 with JavaScript and CSS3.

Основными направлениями курса являются:

Реализация и работа со структурами документов и объектами (новинки HTML5, обработка аудио/видео, API-интерфейсы локации, камеры, понятие области видимости и др.)
Использование JavaScript, jQuery, AngularJS для создания интерактивных сайтов
Внедрение программного потока (операции с DOM, основные операторы, сокеты, webworker и многое другое)
Доступ и защита данных (средства HTML5, валидаторы, использование данных JSON и XML, XMLHTTPRequest)
Использование CSS3 в приложениях (селекторы, псевдо-элементы и псевдо-классы, анимации, canvas, svg и т.д.)

Продолжительность: 2 месяца, 60 ак.часов (аудиторная и самостоятельная нагрузка).

Стоимость: 16 000 руб., возможна оплата в рассрочку (в 2 этапа).

Во время обучения подробно изучается теоретическая составляющая вопроса и подкрепляется многочисленными практическими решениями. В результате курс может быть полезен как новичкам в этой технологии для создания серьезной базы знаний, так и имеющим опыт разработчикам для того, чтобы эффективно подготовиться к прохождению международной сертификации.

В курсе рассматриваются вопросы разработки приложений, используя HTML 5, JavaScript и CSS 3. В IT-индустрии сложно найти направление, где не задействованы данные технологии. Например, JavaScript давно вышел за пределы сугубо клиентского инструментария. В настоящее время этот язык программирования активно используется для разработки высокопроизводительных масштабируемых серверных решений.

Подать заявку

ПРОГРАММА КУРСА

Реализация и работа со структурами документов и объектами

· Создание структуры документа

· Создание структуры пользовательского интерфейса с помощью разметки семантики, предназначенной для поисковых систем и средств считывания с экрана (Section (Раздел), Article (Статья), Nav (Навигатор), Header (Верхний колонтитул), Footer (Нижний колонтитул) и Aside (Дополнительно)); создание контейнера для компоновки в HTML

· Написание кода, который взаимодействует с элементами пользовательского интерфейса

· Программное добавление и изменение элементов HTML; внедрение мультимедийных элементов управления; внедрение полотна HTML5 и графики SVG

· Программное применение стиля к элементам HTML

· Изменение местоположения элемента; применение преобразования; возможность показать или скрыть элементы

· Внедрение API-интерфейсов HTML5

· Внедрение API-интерфейсов хранения, API-интерфейса AppCache и API-интерфейса Geolocation

· Установление области для объектов и переменных

· Определение времени жизни переменных; размещение объектов вне глобального пространства имен; использование ключевого слова "this" для ссылки на объект, который вызвал событие; область для локальных и глобальных переменных

· Создание и реализация объектов и методов

· Реализация встроенных объектов; создание настраиваемых объектов и настраиваемых свойств для встроенных объектов с помощью прототипов и функций; наследование из объекта; реализация встроенных методов и создание настраиваемых методов

Внедрение программного потока

· Внедрение программного потока

· Проход по элементам коллекций и массивов; управление программными решениями с помощью операторов switch, if/then и других операторов; оценка выражений

· Инициация и обработка события

· Обработка общих событий, инициируемых DOM (OnBlur, OnFocus, OnClick); объявление и обработка событий с восходящей маршрутизацией; обработка событий с помощью анонимной функции

· Реализация обработки исключений

· Установка и реагирование на коды ошибок; вызов исключения (throw); запрос для проверки null; реализация блоков try-catch-finally

· Реализация обратного вызова

· Прием сообщений из API-интерфейса HTML5 WebSocket; использование jQuery для вызова AJAX; связывание события; реализация обратного вызова с использованием анонимной функции; обработка указателя "this"

· Создание рабочего веб-процесса

· Запуск и остановка рабочего веб-процесса; передача данных в рабочий веб-процесс; настройка тайм-аутов и интервалов в рабочем веб-процессе; регистрация прослушивателя событий для рабочего веб-процесса; ограничения для рабочего веб-процесса

Доступ и защита данных

· Проверка данных, введенных пользователем, с помощью элементов HTML5

· Выбор на основании требований соответствующих элементов управления; реализация типов ввода и атрибутов содержимого HTML (например, "required") для сбора данных, введенных пользователем

· Проверка данных, введенных пользователем, с помощью JavaScript

· Вычисление регулярного выражения для проверки формата введенных данных; проверка получения данных нужного типа с помощью встроенных функций; предотвращение внедрения кода

· Использование данных

· Использование данных JSON и XML; извлечение данных с помощью веб-служб; загрузка данных или получение данных из других источников с помощью XMLHTTPRequest

· Сериализация, десериализация и передача данных

· Двоичные данные; текстовые данные (JSON, XML); реализация метода сериализации jQuery; Form.Submit; разбор данных; передача данных с помощью XMLHTTPRequest; очистка ввода с помощью URI/кодировки формы

Использование CSS 3 в приложениях

· Свойства текста в стиле HTML

· Применение стилей к виду текста (цвет, полужирный, курсив); применение стилей к шрифту (WOFF и @начертание, размер); применение стилей к выравниванию, интервалу, отступу текста; применение стилей к расстановке переносов в тексте; применение стилей для текста с отбрасыванием теней

· Свойства поля style HTML

· Применение стилей для изменения атрибутов внешнего вида (размер, рамка и рамка с закругленными углами, контур, заполнение, поле); применение стилей для изменения графических эффектов (прозрачность, непрозрачность, фоновое изображение, градиенты, тени, обрезка); применение стилей для установки и изменения положения элемента (статическое, относительное, абсолютное, фиксированное)

· Создание гибкого макета содержимого

· Реализация макета с помощью гибкой рамочной модели; реализация макета с использованием нескольких столбцов; реализация макета с использованием плавающего положения и исключений; реализация макета с использованием сетки для выравнивания; реализация макета с использованием областей, группирования и вложения

· Создание анимированного и адаптивного пользовательского интерфейса

· Анимация объектов с помощью переходов CSS; применение 3-D и 2-D преобразований; коррекция пользовательского интерфейса на основе мультимедийных очередей (адаптация устройств к форматам выводимых данных, дисплеям и представлениям); сокрытие или отключение элементов управления

· Поиск элементов с помощью средств выбора CSS и jQuery

· Выбор правильного средства выбора для ссылки на элемент; определение средств выбора элемента, стиля и атрибутов; поиск элементов с помощью псевдоэлементов и псевдоклассов (например, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)

· Формирование структуры файла CSS с помощью средств выбора CSS

· Правильные ссылки на элементы; внедрение иерархии; переопределение наследования с помощью !important; стиль элемента на основании псевдоэлементов и псевдоклассов (например, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)

· Введение в AngularJS, интеграция с AngularJS

Учебные центры