Применение библиотеки jQuery на веб-страницах
Практические примеры использования библиотеки jQuery в веб-разработкеРабота с изображениями: ролловеры, сменяемые баннеры, фотогалереи, lightBox, анимированные слайд-шоу
Навигация: анимированные меню
Улучшение веб-форм: верификация и сообщения об ошибках
Создание элементов пользовательского интерфейса: accordion panels, tabbed panels
Продолжительность обучения: 18 академических часов
Дополнительно: 6 учебных часов самостоятельной работы — бесплатно!
Библиотека jQuery, облегчающая разработку веб-страниц, является самой популярной библиотекой JavaScript. Библиотека jQuery помогает легко получать доступ к любому элементу объектной модели документа (DOM), обращаться к атрибутам и содержимому элементов DOM, манипулировать ими, создавать более простой и быстрый код.
На курсе будут подробно рассмотрены работа с изображениями, навигация, верификация форм и элементы пользовательского интерфейса.
В основе наших методик обучения лежат практические учебные курсы, разработанные с учетом нашего опыта и особенностей категорий обучающихся. Продолжительность курса является достаточной для того, чтобы получить навыки работы с библиотекой jQuery, достаточные для трудоустройства или выполнения собственных проектов. Вы можете углубить свою подготовку, воспользовавшись дополнительным бесплатным временем для самостоятельной работы в объеме до 6 учебных часов.
Для успешного освоения программы курса необходимо иметь базовые навыки работы на компьютере. Получить необходимые знания можно на наших курсах Компьютер для работы, или самостоятельно. Кроме этого, требуется иметь подготовку в объеме курса HTML5 и CSS3. Создание сайтов по стандартам W3C, JavaScript для веб-разработки или аналогичную.
Продолжительность курса при занятиях в группе составляет 18 учебных часов (1 учебный час равен 45 минутам). Кроме этого, каждый слушатель получает 6 часов бесплатного самостоятельного обучения в наших классах с использованием учебно-методических материалов Центра.
Обучение проводится в вечерних (с 17.40 до 20.20) группах. Обычно занятия проводятся 3 раза в неделю, конкретный график занятий определяется с учетом пожеланий слушателей на первом занятии. Время самостоятельной работы подбирается индивидуально с учетом возможностей клиента. При указанном расписании общая продолжительность курса составляет 2 недели.
При индивидуальном обучении продолжительность курса составляет до 15 учебных часов. Время занятий назначается с учетом пожеланий слушателя.
Также данный курс можно прослушать в нашем Центре в формате вебинара. Для уточнения деталей такого обучения, пожалуйста, свяжитесь с нами любым удобным Вам образом.
Стоимость обучения и запись на курсы
Стоимость курса при занятиях в группе составляет 4600 рублей. Осуществлять предоплату не требуется, более того, вы имеете право бесплатно посетить первое занятие (4 учебных часа) и уже после этого принять решение о продолжении обучения и оплате занятий.
При индивидуальном обучении стоимость курса составляет до 7200 рублей.
Документ, подтверждающий прохождение курсов
По окончании обучения и после сдачи практических зачетов вы получите Сертификат по курсу Применение библиотеки jQuery на веб-страницах.
Тема 1. Введение в jQuery. Селекторы и методы jQuery
О библиотеках JavaScript. Где взять jQuery. Загрузка файла jQuery. Добавление библиотеки jQuery на страницу.
jQuery и DOM. Выбор элементов страницы: подход jQuery. Функция jQuery. Структура HTML с точки зрения jQuery. Селекторы СSS и селекторы jQuery: различия и предназначение.
Эффекты скольжения и изменения прозрачности в jQuery. Конкатенация и слияние данных. Использование методов append() и remove(). Ключевое слово this в jQuery: особенности использования.
Тема 2. События и функции jQuery
Действие/реакция. Связывание события с элементом. Удаление событий. Перебор элементов с помощью итератора each().
Использование функций. Структура функции. Пользовательские функции. Именованные и анонимные функции. Передача данных функции. Возвращение информации от функций. Условные конструкции в jQuery. Особенности использования констант в JavaScript. Операторы инкремента и декремента.
Тема 3. Операции со структурой страниц в jQuery
Назначение классов элементам. Перемещение по дереву DOM. Методы обхода дерева DOM. Методы parent(), children(), next(). Сцепленные вызовы методов.
Добавление содержимого на страницу. Методы detach(), before(), after(). Создание интерактивного меню.
Массивы в jQuery. Хранение элементов в массиве. Изменение элементов массива методом replaceWith(). Метод each() и перебор массивов. Фильтры jQuery. .
Тема 4. Анимация и эффекты
Эффекты jQuery. Как jQuery выполняет анимацию элементов. Основы отображения и сокрытия. Постепенное появление и исчезновение элементов. Эффекты изменения прозрачности. Скользящие элементы. Задержка при использовании эффектов.
Пользовательские эффекты и метод animate(). Что можно анимировать. Абсолютная и относительная анимация. Методы работы с таймером JS и jQuery.
Тема 5. Использование плагинов для расширения возможностей jQuery
Работа с изображениями. Изменение атрибута изображения src. Предварительная загрузка изображений. Сменяемые изображения.
Создание галереи изображений. Плагины LightBox, FancyBox, Cycle 2.
Создание выпадающего меню с помощью плагина Superfish.
Тема 6. Улучшение веб-форм
Расширение возможностей jQuery с помощью библиотеки jQuery UI.
Структура форм. Выбор элементов форм. Фильтры jQuery для форм. Настройка виджета datepicker. Использование виджета button для создания стильных кнопок. Ограничение ввода числовых данных с помощью виджета slider.
Верификация формы. Плагин jQuery Validation. Базовая верификация. Расширенная верификация. Расширенные сообщения об ошибках.
Тема 7. Улучшение пользовательского интерфейса при помощи jQuery UI
Организация информации с помощью панели вкладок.
Скрытие информации с помощью складывающихся панелей («аккордеонов»).
