ИНСТИТУТ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ
БЕЛОРУССКОГО ГОСУДАРСТВЕННОГО УНИВЕРСИТЕТА ИНФОРМАТИКИ И РАДИОЭЛЕКТРОНИКИ

Web-технологии

Привлекательность Web-технологий как средства доставки информации во многом определяет универсальный интерфейс между человеком и компьютером. Каждому человеку понятны надписи, заголовки, ссылки, картинки. Веб-интерфейс как средство доступа к информации интуитивно понятен. Следствием простоты веб-интерфейса является широкая употребимость Интернета как канала коммуникации. Браузер – программа для просмотра веб-страниц и работы с информацией в веб- интерфейсе.

Браузеры – программы, которыми обеспечены все современные компьютеры большое число т.н. «гаджетов». Теоретически все браузеры должны отображать все сайты, сделанные по стандартам, одинаково. Практически имеется множество тонкостей и сложностей.

 

За дополнительной информацией обращаться:

Грибова Надежда Владимировна, ауд. 607-7., тел. +375 17 294-72-95, e-mail: gnv@bsuir.by

Гарбуз Виталий Борисович, ауд. 402-8., тел. +375 29 686-61-14, e-mail: garbuz@bsuir.by

Запись осуществляется через электронную форму. Обучение начинаются по мере формирования групп, и проводятся на платной основе.

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

  • Стоимость: 290
  • Продолжительность: 44 часов
Курс позволит научиться создавать профессиональные Web-страницы и сайты, соответствующие графическим макетам любой степени сложности. Рассматриваются все основные инструкции HTML, практически выполняются примеры с использованием этих инструкций. Изучаются приемы подготовки изображений для Web-страниц в Adobe Photoshop и Adobe Image Ready. В процессе обучения слушатели курса создают Web-страницы с использованием каскадных таблиц стилей (CSS). Курс заинтересует Web-дизайнеров, HTML-верстальщиков и специалистов в области интернет-технологий.
Предварительный уровень подготовки: навыки работы в Adobe Photoshop.
 
Программа курса
Введение. Основные положения языка HTML. Структура HTML-документа.
Текст в HTML-документе. Теги физического и логического форматирования текста.
Гиперссылки. Создание сайта.
Изображения в HTML-документе. Использование Adobe Photoshop и Adobe Image Ready для подготовки изображений. Цвет.
Списки маркированные, нумерованные, списки определений.
Таблицы.
Использование Macromedia HomeSite.
Каскадные таблицы стилей.
Примеры документов с использованием каскадных таблиц стилей.
Фреймы.
Формы.
Звук в HTML-документах.

Подготовка изображений с анимационными и интерактивными эффектами в Adobe Image Ready. 

  • Продолжительность: 72 часов
Курс позволит научиться создавать программы на языке JavaScript. Они необходимы для обогащения Web-сайтов динамическими эффектами, а также для решения ряда технических проблем, связанных с правильной работой сайтов. Изучаются основные операторы языка, реализуются практические примеры программ с этими операторами. Рассматриваются внутренние и клиентские объекты JavaScript, а также концепция событий. Слушатели курса научатся создавать программы для наиболее распространенных областей использования JavaScript при разработке Web-сайтов. Курс заинтересует Web-дизайнеров и специалистов в области интернет-технологий.
Предварительный уровень подготовки: навыки работы в Adobe Photoshop и знание HTML.
Программа курса
Основы программирования
Основные соглашения и операторы JavaScript. Обзор базовых типов. Операторы. Выражения и инструкции. Переменные. Приведение типов. Тривиальные типы.
Практикум: использование переменных, типов данных и операторов.
Управляющие конструкции
Условные операторы. Управляющие конструкции if – else if – else. Управляющая конструкция switch. Операторы цикла. Работа с массивами. Цикл while. Операторы инкремента и декремента. Цикл for. Цикл do while. Метки. Прерывание и продолжение цикла.
Практикум: практическое применение управляющих конструкций в JavaScript.
Массивы и строки
Работа со строками. Свойство и методы строк. Массивы. Особенности массивов в JavaScript. Свойство и методы массива.
Практикум: работа со строками и массивами.
Функции
Понятие функций. Возврат значений. Области видимости. Анонимная функция. Замыкания. Рекурсия.
Практикум:  использование функций при процедурном подходе в программировании.
Объекты
Объектный тип: Объект (Object). Свойства объекта. Методы объекта. Методы функций. Объекты, свойства и методы. Стандартные объекты. Встроенный объект Math. Практикум: использование объектных типов в JavaScript.
Использование объектов JavaScript
Свойства и методы объекта Number. Свойства и методы глобального объекта. Свойствo и методы объекта String. Использование регулярных выражений.
Практикум: использование базовых типов как объектов с регулярными выражениями.
Объектно-ориентированное программирование
Конструкторы объектов. Прототипы. Методы объекта. Объект Date. Объект Error.
Практикум: применение объектно-ориентированного подхода в программировании.      
Объектная модель браузера
Объектная модель браузера. Объект Window. Объект Navigator. Объект Screen. Объект History. Объект Location. Объект Document. HTML-коллекции.
Практикум: практическое использование объектов браузера.
Использование элементов HTML
Свойства и методы элемента Form. Свойства и методы элемента Input. Свойства и методы элемента TextArea. Свойства и методы элемента Select. Свойства и методы элемента Option. Свойства и методы элемента Image. Свойства и методы элемента Table.
Практикум: практическое использование элементов HTML.
Объектная модель документа: DOM
Document Object Model (DOM). Связи между объектами. Свойства и методы интерфейса Node. Свойства и методы интерфейса Element. Свойства и методы интерфейса Document. Нестандартные свойства и методы HTML-элементов. Свойства и методы коллекции styleSheets.
Практикум: использование объектной модели документа.
События и их обработка
Список событий. Модели событий. Назначение обработчиков событий. Работа с обработчиками событий. Получение ссылки на событие. Отмена действий по умолчанию. Кроссбраузерные свойства события. Получение ссылки на элемент. Использование фазы всплытия событий. Отмена всплытия события

Практикум: использование разных моделей событий. 

  • Продолжительность: 56 часов
Курс позволит научиться создавать интерактивные анимационные Flash-ролики для использования в Web-дизайне, Flash-презентации высокого качества, разрабатывать программы для создания Flash-сайтов.
Рассматриваются инструменты, команды, приемы работы по созданию различных графических объектов и настройке анимации различных типов. Также изучаются основы использования языка ActionScript.
Курс заинтересует Web-дизайнеров и специалистов в области интернет-технологий.
Предварительный уровень подготовки: навыки работы в Adobe Photoshop, знание HTML, базовые знания в области программирования.
Программа курса
Знакомство с редактором Adobe Flash
Основные направления использования Flash-технологии. Интерфейс редактора. Особенности интерфейса. Работа с палитрами и настройка «рабочего пространства». Управление файлами. Основные настройки редактора Adobe Flash. Основные параметры Flash-ролика. Тестирование ролика. Понятие «Временной шкалы» Timeline. Работа со слоями.
Рисование в Adobe Flash
Панель инструментов. Группы инструментов (выделение и трансформация, рисование, работа с цветом, инструменты помощники). Режимы рисования (режим слияния, режим объектов, режим примитивов). Инструменты рисования и их параметры. Инструменты выделения. Группировка и рисование на слоях. Заливка и обводка контура. Инспектор свойств объекта – панель «Properties». Работа с цветом. Типы заливки и обводки контура. Панель «Color». Импорт растровых изображений и применение растровых образцов в качестве заливок контура.
Управление объектами
Инструменты трансформации и палитра «Transform». Изменение порядка следования объектов. Выравнивание и распределение объектов. Распределение объектов по слоям. Работа с объектами (режимы пересечения объектов, объединение контуров в объекты, преобразование объектов в контура). Управление формой контура. Трассировка растровых изображений.
Работа с символами
Назначение символов. Эталон символа и его экземпляры. Работа с библиотекой символов «Library». Создание нового символа и конвертирование объектов в символы. Типы символов. Параметры эталона. Создание «листов спрайтов CSS» и их дальнейшее использование. Управление параметрами экземпляров. Применение фильтров. Режимы редактирования эталона. Замена эталона.
Типы анимации в Adobe Flash
Классификация типов анимации, используемых в редакторе Adobe Flash (покадровая, расчетная и программная анимация). Покадровая анимация и ее особенности. Работа с временной шкалой. Ключевые и промежуточные кадры. Управление кадрами.
Классическая анимация движения и анимация формы
Классическая расчетная анимация движения (Classic Tween). Создание и управление параметрами. Просмотр и управление множеством кадров. Расчетная анимация формы (Shape Tween). Создание управляющих хинтов. Работа с масками. Создание анимированных масок. Движение по траектории на основе классической расчетной анимации движения (Classic Tween). Использование инструментов «Декорирование» и «Аэрограф».
Расширенные возможности анимации в Adobe Flash
Создание расчетной анимации движения (Motion Tween) на основе объектов. Копирование и вставка движения. Стили движения. Использование встроенных стилей и создание собственных стилей движения.
Простейшая 3D анимация
Инструменты 3D-трансформации. Параметры точки обзора. Анимация плоских объектов в трехмерном пространстве (3D Tween анимация). Редактор движения (Motion Editor).
Обратная кинематика
Создание и редактирование каркаса с помощью инструмента "Кости". Параметры обратной кинематики и анимация на основе поз. Коррекция взаимосвязей между костями и точками контура.
Импорт из других приложений
Режимы импорта графических объектов. Настройка импорта. Импорт макетов, созданных в программах Adobe Photoshop и Adobe Illustrator. Импортирования аудио-файлов. Типы синхронизации звуков в Adobe Flash (событийные и потоковые звуки). Настройка параметров. Создание кнопок с анимацией и звуковым сопровождением. Импорт видео-файлов. Режимы импортирования (внедренное и внешнее видео). Работа с внешними видео-файлами. Настройка компонента FLVPlayBack.
Особенности работы с текстом
Редактирование стиля текста. Типы текстовых полей (статическое, динамическое и поле ввода). Режимы сглаживания. Подстановка отсутствующих шрифтов.
ОсновыActionScript
Краткое описание языка ActionScript. Порядок выполнения скриптов в ролике. Куда можно помещать скрипты.Скрипты, назначаемые на кнопки. Создание баннеров. Создание прозрачных кнопок. Функция «getURL». Межкадровые переходы. Создание простой презентации.
Публикация и экспорт Flash-роликов
Обзор приложений, которые могут воспроизводить swf-файлы. Экспортирование отдельного кадра и всего ролика. Настройки публикации swf-файлов. Публикация доступных растровых форматов (gif, jpg, png).
Внедрение Flash-роликов в Web-документ

Настройки публикации. Настройки качества отображения ролика. Настройка размера и позиционирование ролика. Создание Flash-роликов с прозрачным фоном. Создание «резиновых» Flash-роликов. Оптимизация ролика. Создание и публикация сайта с меню и возможностью навигации. 

  • Стоимость: 360
  • Продолжительность: 36 часов

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

Для успешного усвоения курса желателен опыт программирования на других языках, базовые знания языка запросов SQL и обязательно знакомство с основами HTML-верстки.

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

 Программа курса:

Основы проектирования Web-сайтов

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

Основы программирования на языке PHP

  • Синтаксис PHP
  • Скалярные переменные
  • Константы, выражения, операторы, управляющие структуры
  • Массивы
    • Индексные
    • Ассоциативные
    • Одномерные
    • Многомерные
    • Суперглобальные
  • Функции PHP
    • Математические
    • Строковые
    • Дата и время
    • Функции по работе с массивами
    • Пользовательские
  • Работа с файлами и каталогами в PHP
  • Программирование форм
    • Особенности форм
    • Форма и её элементы
    • POST и GET запросы
    • Программирование форм
    • Загрузка файлов на сервер
  • Функции по работе с почтой

Взаимодействие с СУБД посредством языка программирования PHP

  • Реляционные базы данных: проектирование и применение
    • Основы проектирования баз данных
    • Особенности применения
    • Основы языка SQL
  • Использование СУБД MySQL  и САПР PhpMyAdmin
    • Создание баз и таблиц в СУБД MySQL
    • Написание простых SQL-запросов
  • Функции PHP по работе с базами данных

Разграничение доступа на сайте и авторизация.

  • Основные понятия о сессиях и Cookies в PHP
    • Работа с сессиями
    • Работа с Cookies
    • Принципы авторизации
  • Шифрование данных в PHP
  • Продолжительность: 60 часов
В курсе проводится изучение HTML, CSS, PHP. PHP рассматривается как язык быстрой разработки Web-приложений различного уровня сложности. Рассматриваются вопросы взаимодействия с БД, вопросы безопасности Web-ориентированных приложений.
Пожелания к составу слушателей: программисты, желающие расширить область своей компетенции в области разработкиWeb-приложений,Web-дизайнеры, желающие лучше понимать внутренний механизм работы сайтов,студенты технических ВУЗов. ОБЯЗАТЕЛЬНЫМ условием является знание таких языков программирования, как C, С++ или Java.
 
В процессе обучения слушатели научатся:
·         устанавливать и настраивать Web-сервер Apache (2.x);
·         устанавливать и настраивать PHP (5.x);
·         устанавливать и настраивать СУБД MySQL (5.x);
·         проектировать и использовать базы данных при создании Web-сайтов;
·         использовать в своих разработках статические и динамические элементы интерфейса обратной связи с пользователем;
·         использовать широкий спектр возможностей языка PHP для создания современных Web-ориентированных приложений;
·         использовать различные механизмы авторизации и аутентификации пользователей;
·         разрабатывать системы управления контентом Web-сайтов и строить Web-сайты на их основе;
·         разрабатывать стандартные и нестандартные модули Web-сайтов.
Программа курса
Подготовка рабочего места Web-программиста
Введение в Web-технологии. Принципы функционирования Web-сервера, процесс обработки запросов. Общие вопросы работы с PHP, Apache, MySQL. Выбор версий. Установка. Настройка. Среды разработки. Выбор, использование, преимущества и недостатки.
HTML и CSS
Последовательность разработки Web-ориентированных приложений. Использование HTML для создания Web-страниц. Использование CSS для формирования дизайна Web-страниц. Табличная и блочная вёрстка Web-страниц.
Основы PHP
Переменные и типы данных PHP. Базовые функции PHP.Операторы PHP. Управляющие конструкции PHP. Строковые функции PHP. Математические функции PHP. Массивы в PHP и функции по работе с ними. Функции, определяемые пользователем. Функции PHP по работе с датой и временем. Функции PHP по работе с файлами. Регулярные выражения в PHP.
Базы данных и их связь с PHP
Реляционные базы данных: проектирование и применение. Использование СУБД MySQL и САПР phpMyAdmin.Функции PHP по работе с базами данных.Оптимизация работы с базами данных на PHP.
Проектирование Web-сайтов
Технологические особенности проектирования и построения Web-сайтов различных видов. Экранные формы и их обработка. Принципы разделения дизайна и кода, шаблоны и шаблонизаторы. Движок Web-сайта, библиотеки, обработчики, модули. Системы управления контентом, визуальные HTML-редакторы.
Взаимодействие с пользователем
Юзабилити и улучшение навигации по сайту. Построение карты сайта, поиск по сайту. Повышение интерактивности Web-сайта, использование JavaScript. Динамика интерфейса на стороне клиента, использование AJAX, библиотеки AJAX. Передача файлов через формы, типы данных. Использование cookies и сессий. Переадресация, повторные запросы страницы. Переменные окружения сервера и их использование Использование mod_rewrite.
Расширенное взаимодействие с пользователем
Сбор и анализ статистики. Системы сбора и анализа статистики. Генерация и анализ captcha.
Работа с почтой с помощью PHP
Отправка почты с помощью PHP, организация рассылок. Отправка почты с вложениями.
Обмен данными
Сетевые функции PHP.Работа с сокетами, использование библиотеки cURL. Протокол HTTP, HTTP-заголовки, функции http_*. Обмен данными: XML, RSS, дампы БД. Импорт данных из неподготовленных источников. Экспорт данных: RSS-ленты.
Код на PHP и его обработка
ООП в PHP, исключительные ситуации (exceptions).Правила оформления кода на PHP, автоматизированное форматирование кода. Обфускация и деобфускация кода. Командная работа с кодом: CVS/SVN.
Безопасность Web-сайтов
HTTP-авторизация, возможности .htaccess. Криптография в PHP. Обеспечение качества Web-ориентированных приложений. Защита Web-сайтов от sql-injection и code-injection. Настройка PHP и Apache в целях повышения безопасности. Автоматизированное тестирование безопасности Web-приложений.
Размещение сайта в сети Интернет

Хостинг и системы управления хостингом. Доменные имена и их регистрация. Регистрация в поисковых системах, поисковая оптимизация. 

  • Продолжительность: 60 часов
Программа курса
Введение в ASP.NET
Области применения Web-приложений. Архитектура Web-приложения. Преимущества платформы .NET при разработке Web-приложений. Задачи, решаемые ASP.NET.
Создание Web-формы с использованием ASP.NET
Создание простейшего Web-приложения в среде разработки Microsoft Visual Studio .NET. Использование серверных элементов управления. Обработка событий в Web-приложении.
Трассировка в ASP.NET
Методы отладки Web-приложений. Средства удаленной отладки. Использование объекта Trace.
Построение интерфейса пользователя
Организации проверки корректности ввода в Web-приложении. Использование регулярных выражений. Локализация приложений. Система помощи онлайн.
Создание собственных элементов управления
Создание и использование нового серверного элемента управления.
Работа с базами данных в ASP.NET
Использование объектов ADO.NET в Web-приложении. Установка связи с базой данных, получение данных и отображение данных в элементах управления Web-приложения. Одновременная работа с несколькими источниками данных. Вызовы хранимых процедур.
Работа с документами XML
Обзор средств ASP.NET для работы с документами XML. Чтение, изменение и сохранение документов при помощи объекта XMLDataDocument. Отображение данных из документа XML в Web-приложении. Преобразование документов XML.
Использование Web-cлужб из Web-приложения
Вызов методов существующей Web-службы из приложения ASP.NET.
Серверные компоненты и .NET Remoting
Использование .NET для создания распределенных приложений. Архитектура .NET Remoting. Активизация объектов на стороне клиента и на стороне сервера. Распределенный сборщик мусора. Создание объекта .NET Remoting c использованием ASP.NET. Размещение объекта .NET Remoting в cлужбе Windows. Управление состоянием Web-приложения.
Сценарии, требующие сохранение состояния Web-приложения
Объекты Application и Session. Сохранение состояния Web-приложения с использованием и без использования cookies.
Настройка, оптимизация и развертывание Web-приложения
Применение кэширования для увеличения производительности Web-приложений. Планирование развертывания Web-приложения. Управление конфигурацией Web-приложения. Установка Web-cервера и его расширений.
ASP.NET MVC 3: основы технологии. Razor-визуализация
Основные принципы ASP.NET MVC framework. Организация ввода / вывода в Web-приложениях на MVC. элементы MVC Web-приложения. Жизненный цикл приложения, использование Razor для формирования HTML-отклика клиента. Элементы MVC framework – контроллер, модель, представление. Action’s и их основные атрибуты. ASP.NET Routing для MVC приложений. Razor – визуализация.
ASP.NET MVC 3: использование MVC в Web-приложениях
Понятие фильтров в MVC и управление процессом работы Action’s и View’s. Использование внешних данных в приложении. Разрешение зависимостей для MVC. Хранение информации между сеансами пользователя, валидация данных. MVC фильтры. Кэширование в MVC. Типизированные представления и методы контроллера. URL routing – распознавание URL и формирование ссылок. Разделение приложения на зоны – Area’s. Иерархия классов ActionResult based.
ASP.NET MVC 3: безопасность Web-приложений
Использование инструментов безопасности Web-приложений в MVC. HTTPS, аутентификация, авторизация и конфиденциальность. Web Forms аутентификация. Средства защиты информации на стороне сервера и клиента. Membership, Roles framework в MVC приложении.
ASP.NET MVC 3: расширенные возможности

Управление привязкой данных модели приложения в представлении. Использование асинхронных контроллеров. Использование build-in Ajax функций и Java Script Элементы: классы модели данных приложения. Атрибуты привязки данных и валидации, build-in Ajax, JQuery. Программирование на стороне клиента. 

  • Продолжительность: 72 часов

 Аннотируемый курс включает в себя следующие темы:

•          Принципы построения веб-приложений. Обзор используемых технологий
•          Сервлеты и JavaServer Pages
•          Работа с базами данных с использованием фреймворка Hibernate
•          Язык программирования Groovy
•          Разработка и программирование веб-приложений с использованием фреймворка Spring
•          Фреймворк Grails

Входные требования: Знание языка программирования java; Знание языка SQL; Знакомство с JDBC.

 
  • Продолжительность: 60 часов
Курс предназначен для широкого круга Web-разработчиков, желающих углубить свои знания и освоить на практике новые возможности, предоставляемые HTML5 и CSS3.
Предварительный уровень подготовки: навыки браузерной верстки, а так же базовые знания HTML, CSS и JavaScript.
Программа курса
HTML5: платформа и спецификация
Краткая история HTML. Новая идеология HTML5. Отличия HTML5 от HTML4.01 и XHTML1.x. Новые теги и атрибуты. Устаревшие теги.
Новые семантические элементы HTML5.Основная структура документа. Смысл появления новых элементов и примеры использования. Поддержка новых тегов в устаревших браузерах.
Новые возможности для создания форм. Новыетипывводаданных: search, email, url, tel, range, number, datetime и др. Новые атрибуты полей ввода: autofocus, placeholder, reqired, autocpmlete идр.Валидация данных форм на стороне клиента. Обратная совместимость с устаревшими браузерами.
Основы верстки. Блоки — основная экранная единица. Строчные и блочные боксы. Поток и расположение элементов. Позиционирование: абсолютное и относительное. Схлопывание границ (margin collapsing). Выступ за границы родительского элемента. Верска плавающими (float) блоками. Очистка float. Приоритет селекторов CSS (специфичность).
Совершенствование пользовательских интерфейсов средствами CSS3
Что такое CSS3? Что нового в CSS3? Преимущества CSS3.
Стилевое оформление таблиц с использованием псевдоклассов. Чередование цвета строк (:nth-of-type). Выравнивание текста столбцов (:nth-child). Выделение последней строки (:last-child). Поиск в обратном направлении (:nth-last-child). Печать ссылок (:after). Создание многостолбцовых макетов. Построение мобильных интерфейсов. Роли ARIA и упрощение навигации. Создание обновляемых областей с улучшенной доступностью.
Графика и звук
Рисование логотипа. Построение диаграмм средствами RGraph. Внедрение видео и аудио. Визуальные эффекты. Закругление прямых углов. Тени, градиенты и преобразования. Использование шрифтов.
За пределами HTML5
Работа с данными на стороне клиента. Сохранение настроек с использованием localStorage. Хранение информации в реляционной базе данныхна стороне клиента. Взаимодействие с другими API. Передача информации между доменами. Чат на базе Web Sockets.
API геолакации. Определение своего местоположения. Интеграция с Google Maps.
Встроенная поддержка перетаскивания. API перетаскивания. События перетаскивания. Перетаскивание файлов.
Файловый API. Считывание информации с файла. Контроль процесса загрузки файлов.

Взаимодействие с Web-сервером. Опрос посредством серверных событий. Web-сокеты. Событие onMessage. 

  • Продолжительность: 36 часов
JQuery – это библиотека функций JavaScript. JQuery упрощает работу с HTML-документом, обработку событий, анимацию элементов Web-страницы, создание Ajax-запросов. Библиотека JQuery создана для того, чтобы изменить ваш стиль работы с JavaScript.
JQuery стремительно развивается и предоставляет удивительно эффективные средства разработки Web-страниц.
 
В результате обучения слушатели будут уметь:
·         применять методы применения библиотек JavaScript при разработке Web-приложений;
  • создавать динамические Web-приложения с применением визуальных эффектов;
  • подключать и настраивать пользовательские интерфейсы, виджеты и плагины;
  • самостоятельно разрабатывать пользовательские интерфейсы;
  • применять технологию AJAX для асинхронных запросов к серверу.
Предварительный уровень подготовки:знание основ программирования на языке JavaScript, знание объектной моделидокумента DOM.
Программа курса
Основы построения интерфейсов
Принципы проектирования пользовательских интерфейсов. Законы Фиттса и Хика. Теория близости. Создание прототипов интерфейса. Выбор цветов и шрифтов. Технологии разработки интерфейсов. Библиотеки JavaScript.
Объектная модель JavaScript. Начало работы с JQuery. Селекторы
Объектная модель JavaScript. Создание объектов. Конструктор объекта. Прототипы. Прототипное и классическое наследование в JavaScript. Замыкания: принцип построения и использование.
Обзор современных библиотек JavaScript. Загрузка и подключение библиотеки JQuery, версии, проблемы локализации, документация по библиотеке. Тестирование подключения и начало работы. Структура библиотеки. Применение отладчика Firebug.Поиск элементов документа. Базовые и иерархические селекторы. Применение фильтров. Изменение свойств элемента. Позиционирование и масштабирование элемента.
Практикум: Создание объекта в JavaScript. Подключение JQuery и демонстрация ее применения. Задание стилей Web-страницы с помощью селекторов JQuery.
Библиотека JQuery. Поддержка событий
Модель событий. Обработка событий, связанных с элементами документа. Захват и всплывание событий. Ядро API JQuery. Метод each. События bind, unbind, one. Основные события (helpers), поддерживаемые JQuery. Вызов событий. Задание callback-функций, вызываемых при наступлении события. Формирование цепочек методов JQuery, применяемых к наборам элементов.
Практикум: Изменение вида веб-страницы с применением обработчиков событий.
Управление CSS-свойствами. Работа с атрибутами элементов
Функции обработки данных в JavaScript. Объект Function в JavaScript, его свойства и методы. Методы объекта Array в JavaScript.Чтение стилевых свойств элементов. Задание стилевых свойств для набора элементов документа. Применение методов, модифицирующих атрибуты элемента, для вывода текста и HTML-фрагмента.
Практикум: Создание Web-страницы с интерактивной модификацией свойств элементов.
Базовые эффекты. Работа с DOM
Базовые эффекты: скольжение элемента, изменение прозрачности, анимация. Создание объекта параметров для этих методов. Задание времени выполнения эффектов. Применение эффектов для создания дружелюбных к пользователю документов. Обход дерева документа. Манипуляции с элементами DOM. Создание новых элементов документа и фрагментов документа.
Практикум: Создание Web-страницы электронной библиотеки со ссылками на источники и выносками текста.
Основы AJAX. Создание AJAX-запросов в JQuery. Формат JSON
Принципы передачи данных в технологии AJAX. Создание асинхронных запросов. Объект XMLHttpRequest. Передача данных в формате XML. Методы JQuery, создающие асинхронные запросы и обрабатывающие ответ сервера. Запросы методом GET и POST. Методы load, getscript. Передача параметров при асинхронном запросе. Применение формата JSON при передаче данных. Парсирование ответов сервера. JAX-запросы и поддержка событий в JQuery. Отслеживание исполнения запросов.
Практикум: Создание интерактивного словаря, получающего информацию с сервера асинхронным запросом.
Построение пользовательских интерфейсов
Стилевое оформление интерфейсов. Виды интерфейсовв JQuery: interactions и widgets. Элементы управления и панели инструментов. Альтернативное управление. Вкладки (интерфейс tabs), получение данных во вкладках асинхронным запросом. Аккордеон, опции, события и методы интерфейсов. Активация элементов интерфейса.
Практикум: Создание вкладок с содержимым, получаемым с сервера асинхронным запросом.
Применение интерфейсов при разработке веб-страниц
Drag&Drop. Отбор и выделение перемещаемых элементов. Изменение размеров элементов страницы с помощью интерфейсов JQuery, интерфейсы Resizable, Selectable, Sortable. Всплывающее окно интерфейса Dialog.
Практикум: Разработка Web-страницы покупательской корзины с применением перетаскиваемых элементов.
Виджеты и плагины
Применение виджетов. Создание раскрывающегося календаря. Стилизация и русификация календаря. Создание связанных календарей. Применение готовых и создание собственных стилевых тем. Разработка слайдера. Progressbar.Репозиторий плагинов. Загрузка и подключение плагинов. Всплывающая подсказка. Сортировка табличных данных. Сортируемые списки.
Практикум: Применение виджетов на Web-странице.
Создание полнофункциональных Web-приложений с использованием JQuery

Проектирование форм ввода данных. Валидация данных формы.
Плагин Colorpicker – выбор цвета. Древовидное меню. Фотогалереи FancyBox и LightBox.Разработка сайта бронирования авиабилетов с применением библиотеки JQuery. 

  • Продолжительность: 40 часов
Цель курса: научиться создавать интерактивные ролики, используя программную анимацию, динамическую загрузку мультимедиа-ресурсов и встроенные Flash-компоненты.
По окончанию курса слушатель будет уметь:
программно управлять свойствами объектов;
динамически загружать мультимедиа-ресурсы из внешних файлов и swf-ролики;
загружать символы из библиотеки ролика;
управлять объектами с помощью клавиатуры;
создавать пользовательские курсоры и эффекты «шлейф мыши»;
создавать flash-сайты и предзагрузчики для flash-роликов.
Предварительный уровень подготовки: успешное окончание курса «Web-мастер: AdobeFlash. Основы Web–анимации» или эквивалентная подготовка.
Программа курса
Введение в Action Sсript. История языка ActionScript.  Описание палитры «Actions».  Типы сценариев. Порядок выполнения сценариев в flash-ролике. Загрузка команд Action Script из внешнего файла. Синтаксис ActionScript и форматирование кода. Базовые конструкции языка Action Script: переменные, функции, условные операторы, операторы цикла и массивы. Локальные и глобальные переменные. Области видимости. Отладочный вывод: функция trace и панель Output. Типыданных: Number, String, Boolean, null, undefined, Object, MovieClip, Void.
Программная анимация. Клип (Movie Clip) – как основной объект программной анимации. Управление временной шкалой ролика. Метки кадров. Программное изменение свойств экземпляров клипов. Методы адресации в Adobe Flash. Создание кнопок. Обработчик события загрузки клипа (load). Обработчик события смены кадров ролика (enterFrame). Покадровая программная анимация. Сочетание программной анимации и анимации на временной шкале ролика. Сложная программная анимация. Моделирование реалистичного движения физических объектов. Моделирование равнопеременного движения. Обработчик событий мыши (on) для кнопок и клипов (на кадрах временной линейки).
Использование статических классов Math(Математика) и Key (Клавиатура). Объект Math - математические функции и константы, генерация случайных чисел, функции округления. Программное движение объекта по кривой. Управление объектами с помощью клавиатуры. Захват кода нажатых клавиш.
Работа с текстом. Динамические текстовые поля. Свойства и события текстовых полей. Прокрутка текста.
Дублирование клипов. Добавление объектов из библиотеки. Удаление закруженных объектов. Создание шлейфа мыши.
Загрузка мультимедиа-ресурсов из внешних файлов. Динамическая загрузка swf-роликов и графических файлов. Удаление загруженных объектов.  Загрузка текстовых данных из внешних файлов.
Мониторинг столкновений клипов и перетаскивание клипов. Определение принадлежности точки клипу. Мониторинг столкновения мувиклипов с указателем мыши. Перетаскивание клипов - реализация «Drag and Drop».
Динамическое рисование. Задание стилей для линии. Задание стилей для заливки. Рисование линий. Рисование геометрических фигур.
Создание экземпляров классов Sound, Color и Date. Динамическая загрузка аудио файлов, управление звуком. Управление цветом клипов. Работа с датами и временем. Отслеживание временных интервалов.

Создание сайтов и Web-приложений. Введение в XML.  Преимущества использования клипов (Movie Clip) вместо кнопок (Button). Создание предзагрузчиков (Loading…). Эмуляция процесса загрузки на клиентском компьютере. Методы построения предзагрузчиков. 

  • Продолжительность: 72 часов
Программа курса
Установка системы на локальный сервер
Знакомство с CMS Joomla!, преимущества её  использования, версии системы. Развертывание локального сервера на персональном компьютере. Установка CMS Joomla! на локальный сервер. Русификация административной панели Joomla! Обзор административной панели управления CMS Joomla! Создание категорий материалов. Добавление и редактирование информационных материалов. Формирование пунктов меню и вывод меню на сайте.
Настройка системы, управление содержанием, настройка модулей
Основные настройки системы Joomla! Настройка кодировок. Разные типы страниц сайта Joomla!: «новостные ленты», «списки категорий», «ссылки», «системные ссылки» и пр. Глобальные настройки раздела материалов – настройка функций печати и e-mail, кнопки дополнительной навигации и т.д. Редактирования информационных материалов – дополнительные редакторы HTML кода. Управление медиа контентом – размещение на сайте рисунков и видеоматериалов. Управление модулями CMS Joomla!: «Поиск по сайту», «Произвольный HTML код», «Последние новости» и пр.
Дизайн сайта – работа шаблонами CMS Joomla!
Выбор дизайн-шаблона сайта на CMS Joomla! – обзор основных производителей шаблонов. Настройка анимированного выпадающего меню сайта. Работа со структурой шаблона – настройка позиций и внешнего вида моделей. Работа с типографией шаблона. Установка и настройка дополнительных фирменных модулей: «фотогалерея», «слайд-шоу из коллекции», «информационные таблицы - табы», «социальные сети», «погода на сайте» и пр.
Создание закрытой части сайта, публикация сайта
Управление пользователями CMS Joomla! Создание закрытой части сайта для зарегистрированных пользователей. Создание резервной копии сайта Joomla! Требования к хостинговым площадкам для размещения CMS Joomla! Перенос системы на хостинг.
Работа с дополнительными расширениями CMS Joomla!
Обзор дополнительных расширений CMS Joomla! Отличия в установке компонентов, плагинов и модулей в CMS Joomla! Установка и настройка компонента «Медиа галерея». Установка и настройка компонента «F.A.Q. – вопросы посетителей сайта». Установка и настройка компонента «Голосование на сайте». Русификация дополнительных расширений. Компоненты: карта сайта и схема проезда.
Создание собственного дизайна для CMS Joomla!
Особенности выбора базового шаблона. Макетирование сайта и требования к разработке дизайн макета сайта на CMS Joomla! Структура файловой системы CMS Joomla! Изменение положения позиций модуля в PHP коде шаблона. Разработка собственной типографии шаблона.
Компонент Joomla! K2 – создание сайтов каталогов и информационных порталов
Установка и настройка компонента Joomla! K2. Создание категорий и материалов в Joomla! K2. Иерархичное управление свойствами категорий K2. Модули Joomla! K2: «календарь», «список категорий», «архивные материалы», «список авторов», «последние новости», «популярные публикации» и пр. Создание матричной структуры сайта на базе Joomla! K2. Дополнительные возможности по публикации контента, полуавтоматическое размещение на сайте рисунков, галерей, видео и файлов для загрузки. Использование дополнительных полей Joomla! K2. Расширенные возможности по управлению пользователями в системе Joomla! K2. Управление комментариями посетителей сайта.
Управление формами, SEO оптимизация и безопасность сайта Joomla!
Обзор конструкторов форм для CMS Joomla! Установка конструкторов форм. Создание сложных форма на сайте Joomla!Работа с дизайном и юзабилити форм. SEO оптимизация – управление метатегами, создание XML карты сайта, настройка файла robots.txt. Настройка безопасности сайта, защита сайта от хакерских атак. Обновления версии CMS Joomla!
Основные настройки интернет-магазина
Обзор популярных интернет магазинов для CMS Joomla! Развертывание интернет-магазина на CMS Joomla! и его русификация. Общие настройки интернет-магазина: контактная информация, территории, валюты, поставщики и пр. Раздел производителей товаров (вендоров). Создание разделов и категорий товаров в интернет-магазине. Структура страниц интернет-магазина: главная страница, страница категории, страница товара. Возможности системы по SEO оптимизации интернет магазина.
Дополнительные настройки интернет-магазина
Выбор и установка дизайн шаблона интернет-магазина на CMS Joomla! Специальные модули дизайна. Настройка корзины интернет-магазина. Управление связанными товарами в интернет-магазине. Система регистрация и управления клиентами. Система управления оплатами - подключение платежных систем. Система управления заказами. Система управления скидками и купонами.
Форум на CMS Joomla!
Обзор популярных форумов для CMS Joomla! Установка и русификация форума на CMS Joomla! Основные настройки и создание структуры форума. Настройка правил модерации форума, управление правами участников форума. Доработка внешнего вида - дизайна форума.
Интерфейс для мобильных устройств на CMS Joomla!

Принципы создания мобильных интерфейсов для CMS Joomla! Выбор шаблона для мобильных интерфейсов. Установка и настройка шаблона с адаптивным интерфейсом для мобильных устройств на платформе Joomla! Инструменты тестирования мобильных интерфейсов. 

  • Продолжительность: 72 часов
Курс является введением в разработку Web-приложений на платформе MSSharepoint.
Цель курса - Дать представление о возможностях MS Sharepoint для использования в Web-сценариях.
Программа курса
Введение в MS Sharepoint  в Web
Обзорплатформы MS Sharepoint. История MS Sharepoint.Преимущества использования MS Sharepoint.Типовые сценарии применения MS Sharepoint. Работа с командной строкой и шаблонами. Работа с командной строкой. Типовые шаблоны.
Работа с Adventure Works
Обзор средств разработки. Web-приложение Adventure Works. Инсталляция Adventure Works. Зона аутентификации. Карта приложения. Объекты. Enterprise Content Management. Интернет-сайт AdventureWorks. Регистрацияпользователя. Site Collection и My Sites. Использование Silverlight. Заведение сайта и его публикация. Поиск в MS Sharepoint. Администрирование Adventure Works. Конфигурование MSIIS. Центр администрирования MS Sharepoint. Профили пользователей.
Структура сайта и внешний вид
Обзор сайтов на MS Sharepoint.Основные понятия в MS Sharepoint. Архитектура MVC (Модель - Представление - Контроллер). Возможности WindowsMSSharepointServicesи MOSS. Использование тем в MSSharepoint. Работасостилями CSS. Модель страницы: Master Page, Web-parts, Page Layout, Field Controls. Работа с Content types.
Использование поиска MS Sharepoint в Web-сайтах
Обзор возможностей поиска MS Sharepoint. Поисковый движок MS Sharepoint. Основные операции по управлению поиском: администрирование, индексирование, добавление правила поиска. Поиск людей. Облако тэгов. Инкрементальное индексирование. Настройка результатов поиска. Настройка вывода результатов поиска. Web-часть Core Results. Изменение внешнего вида поиска в MS Sharepoint  Designer.
Silverlight и MSSharepoint
Технические требования к серверу. Настройки MSIIS. Введение в Silverlight и MSSharepoint. Silverlight приложение. Архитектура решения. Возможности совместного применения технологии Silverlight и MS Sharepoint на примере различных приложений. ASMX сервис. Навигацияс Silverlight и MS Sharepoint Designer. Web и WCF сервисы. Управление медиа-контентом и связь между Web-частями. Business Data Catalog.
Публикация контента на MS Sharepoint

Публикация контента в MOSS. Создание сайта с функцией Content management. Понятие Field Type. Разработка собственных Field Type. Состав Field Type. Публикация контента в MS Sharepoint . Основные типовые сценарии развертывания контента на серверных фермах. 

  • Стоимость: 200
  • Продолжительность: 36 часов

Ты хочешь идти в ногу с современными технологиями, знать, как зарабатывать на дополненной и виртуальной реальности, мечтаешь заняться разработкой дополненной реальности, но не знаешь, с чего начать?

Курсы начальной ступени для обучения специалистов дополненной реальности рассчитаны на то, чтобы дать представление о принципах разработки (преимущественно под MS Hoololens), и позиционируются как «Курсы повышения квалификации» но любой желающий «Девелопер» может записаться и попробовать себя в этом направлении.

  • Программа курсов:  36 часов, 18 занятий, 6 недель по 3 занятия (в зависимости от набранной группы возможно проведение курсов «выходного дня»)


    1. Занятие. Лекция. Hello World в дополненной реальности. 
    1.1. Общее представление MS Hololens и Lenovo phub2Pro, представление языков программирования на обеих платформах, фреймворки, среда разработки. Установка и настройка среды, соответствие версий. Установка/запуск в эмуляторе заранее подготовленного приложения, демонстрация
    1.2. Проведение границы между AR и VR. Ключевые отличия, плюсы и минусы, преимущества AR(наше субъективное мнение как организаторов данных курсов) 
    2. Занятие. Лекция. Введение в Unity 3d 
    2.1. Создание простейшего приложения (шаблонное приложение, рекомендованное оф сайтом Unity). Основные элементы среды, физика, модели, скриптинг в простейшей интерпретации для лучшего понимания. 
    3. Занятие. Лабораторная работа. Основные «игровые» объекты. 
    3.1. Создание поля на котором будут развиваться события. Создание и настройка “игрока” для дальнейшего использования в механике приложения. Настройка камеры, физики объектов. 
    4. Занятие. Лабораторная работа. Механика приложения
    4.1. Создание и настройка собираемых объектов, анимация, скриптинг. Проработка «условий/последствий». Создание текстовых сообщений, показателя прогресса и прочей дополнительной информации выводимой на экран. Сборка и установка приложения. 
    5. Занятие. Лекция. 3D Моделирование в среде Unity. 
    5.1. Углубление в функционал предоставляемый Unity. Создание более проработанного “поля”, загрузка модели «игрока», углубленное рассмотрение механики. Более детальное рассмотрение возможностей Движка Unity. Материалы, текстуры, загружаемый контент. 
    6. Занятие. Лабораторная работа. 
    6.1. Создание ландшафта, загрузка текстур их размещение и настройка. Загрузка модели «игрока» из Unity assets store, внедрение и настройка механики модели. 
    7. Занятие. Лабораторная работа. 
    7.1. Проработка механики, условий/последствий, взаимодействия объектов, информационных сообщений. Настройка взаимодействия всех компонентов приложения. Сборка и установка приложения. 
    8. Занятие. Лекция. Введение в Дополненную Реальность (AR) 
    8.1. Рассмотрение способов работы с AR на разных платформах, установка и настройка дополнений для среды Unity. Рассмотрение возможностей установленных дополнений. Не менее 30 минут теории
    9. Занятие. Лабораторная работа. 
    9.1. Создание Приложения с использованием технологий дополненной реальности. Выбор направления работы, проработка цели, начало реализации. 
    10. Занятие. Лабораторная работа. 
    10.1. Реализация поставленной цели/индивидуального задания. Начало работы с Vuforia. Рассмотрение предоставляемых возможностей, тонкостей и преимуществ. 
    11. Занятие. Лекция/Лабораторная работа. 
    11.1. Завершение создания Приложения в среде дополненной реальности, сборка и установка. 
    11.2. Введение в специфику работы с MS Hololens/ARCore(google). Установка дополнений, рассмотрение новых возможностей. 
    12. Занятие. Лекция
    12.1. Подключение внешних устройств управления. Принцип передачи управления, настройка параметров внешнего контроллера. Модификация приложения с первых занятий для работы с новым методом ввода данных(управления). 
    13. Занятие. Лабораторная работа. 
    13.1. Создание нового приложения с управлением при помощи джойстика Xbox. Выбор направления работы, постановка цели приложения, определение методов реализации. 
    14. Занятие. Лабораторная работа. 
    14.1. Разработка ранее рассмотренного приложения в соответствии с выбранным направлением/персональным заданием. Тонкости реализации, механика, физика, скриптинг, текстуры и материалы для приложения. Проработка механики, «условий/последствий», возможностей «игрока» и прочих тонкостей процесса деятельности приложения. Сборка и установка Приложения. 
    15. Занятие. Лабораторная работа. Завершающее задание
    15.1. Написание глобального проекта всей группой. Оценка и начало работы над первым из 4 этапов. Выбор тематики Приложения, функционал, механика, создание макетов. Разделение на подгруппы, либо персонально, для распределения заданий в пределах проекта. 
    16. Занятие. Лабораторная работа. Завершающее задание
    16.1. Подведение итогов по первому этапу, начало работ над вторым этапом. Геймдизайн, создание сцен, подборка текстур и моделей. 
    17. Занятие. Лабораторная работа. Завершающее задание
    17.1. Подведение итогов по второму этапу, начало работ на третьим этапом. Скриптинг ранее созданных и настроенных сцен, объектов. Разработка механики приложения, реализация функционала. 
    18. Занятие. Лабораторная работа. Завершающее задание
    18.1. Подведение итогов по третьему этапу. Работа над четвертым, завершающим, этапом. Организация взаимодействия написанных модулей между собой, передача информации между модулями, сборка и установка приложения. 

    Также будет 1-2 занятия презентационно-развлекательного характера с использованием MS Hololens и Lenovo phub2Pro. На некоторых занятиях приложения будут устанавливаться на Реальные устройства MS Hololens или Lenovo phub2Pro. 
    Параллельно лучшие "студенты" получат задание повышенной сложности для работы дома(проверка на презентационных занятиях/в течении общего процесса)