ИНСТИТУТ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ
БЕЛОРУССКОГО ГОСУДАРСТВЕННОГО УНИВЕРСИТЕТА ИНФОРМАТИКИ И РАДИОЭЛЕКТРОНИКИ
ru be en kk uz vi
Поиск Карта сайта

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

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

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

 

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

Ордынская Марина Юрьевна, ауд. 607-7., тел. +375 17 397-82-95, +375 29 639-65-63, e-mail: ordinskaya@bsuir.by

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

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

  • Стоимость: 450
  • Продолжительность: 44 часов
  • Количество заявок: 2
Курс позволит научиться создавать профессиональные 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 часов
  • Количество заявок: 4
Курс позволит научиться создавать программы на языке 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 часов
Программа курса
Введение в 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 часов
  • Количество заявок: 1
Курс предназначен для широкого круга 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. 

  • Продолжительность: 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! Инструменты тестирования мобильных интерфейсов.