Размер:
A A A
Цвет: C C C
Изображения Вкл.Выкл.
Обычная версия сайта
Demidov Yaroslavl State University

Наш адрес: 150003, г. Ярославль, ул. Советская, д. 14
График работы с посетителями в отделах университета:
пн, вт, ср, чт: 9.00-12.00, 14.00-17.00,
пт: 9.00-12.00, 14.00-16.00.
Приемная комиссия: +7 (4852) 303210
Ректорат: +7 (4852) 797702
Факс: +7 (4852) 255787
e-mail: rectorat@uniyar.ac.ru

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

Разработка приложений средствами 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


Для студентов ЯрГУ им. П.Г. Демидова математического факультета (группы  ИТ-4 и КБ-4) обучение по данному курсу проводится на бесплатной основе в 2015/16 уч. году. Обучение студентов математического факультета проводится при поддержке компании Akvelon.