Применение библиотеки jQuery на веб-страницах

  • в группе, индивидуально
  • очно, онлайн

Коротко о курсе

  • Работа с изображениями: ролловеры, сменяемые баннеры, фотогалереи.
  • Плагины jQuery для работы с изображениями: lightBox, fancyBox, owl-carousel и другие.
  • Навигация: анимированные меню.
  • Улучшение веб-форм: верификация и сообщения об ошибках.

Краткое описание курса

Практические примеры использования библиотеки jQuery в веб-разработке.

Подробно о курсе

Библиотека jQuery, облегчающая разработку веб-страниц, является самой популярной библиотекой JavaScript. Она помогает легко получать доступ к любому элементу объектной модели документа (DOM), обращаться к атрибутам и содержимому элементов DOM, манипулировать ими, создавать более простой и быстрый код.

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

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

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

Тема 1. Введение в jQuery. Селекторы и методы jQuery

О библиотеках JavaScript. Где взять jQuery. Загрузка файла jQuery. Добавление библиотеки jQuery на страницу.

jQuery и DOM. Выбор элементов страницы: подход jQuery. Структура HTML с точки зрения jQuery. Селекторы СSS и селекторы jQuery: различия и предназначение.

Эффекты скольжения и изменения прозрачности в jQuery. Конкатенация и слияние данных. Использование методов append() и remove(). Ключевое слово this в jQuery: особенности использования.

Тема 2. События и функции jQuery

Действие/реакция. Связывание события с элементом. Удаление событий. Перебор элементов с помощью итератора each().

Использование функций. Структура функции. Пользовательские функции. Именованные и анонимные функции. Передача данных функции. Возвращение информации от функций. Условные конструкции в jQuery.

Тема 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. Базовая верификация. Расширенная верификация. Расширенные сообщения об ошибках.

Вернуться в начало раздела

Организация занятий

Необходимая подготовка

Для успешного освоения программы курса необходимо иметь подготовку в объеме курсов HTML5 и CSS3. Создание сайтов по стандартам W3C и JavaScript для веб-разработки или аналогичную.

Продолжительность курса и график занятий

Основная форма обучения взрослых слушателей в нашем Центре — индивидуальные занятия. Такая форма обучения является максимально эффективной: внимание преподавателя сосредоточено только на Вас, и Вы можете проходить программу в комфортном для себя темпе. Продолжительность курса при индивидуальном обучении в среднем составляет ## (1 учебный час равен 45 минутам). Она может оказаться меньше, если у слушателя уже есть подготовка и он может освоить программу курса быстрее, или больше, если слушатель пожелает изучить дополнительные темы сверх программы.

Конкретный график занятий определяется с учетом Ваших пожеланий. Мы рекомендуем 2-3 занятия в неделю по 2 учебных часа. Это позволяет заниматься достаточно интенсивно, но не перегружаться. Продолжительность курса при таком расписании составляет . Однако возможно и другое расписание, всё согласовываем индивидуально.

Также данный курс можно пройти в нашем Центре дистанционно. Для уточнения деталей такого обучения, пожалуйста, свяжитесь с нами любым удобным Вам способом.

Стоимость обучения и запись на курсы

Стоимость академического часа при индивидуальном обучении составляет руб., то есть общая стоимость за весь курс (##) получится  руб. Однако Вы не должны оплачивать всю сумму сразу — и это ещё один «плюс» индивидуального обучения. Оплата производится за каждое занятие по факту его проведения, поэтому финансовая нагрузка на Ваш бюджет распределяется равномерно и не оказывается слишком высокой, как при единоразовом платеже.

Если одновременно поступает несколько заявок на курс, мы можем предложить обучение в мини-группе (до 4 человек). Стоимость учебного часа в этом случае будет ниже (будет зависеть от количества людей), а количество часов для прохождения курса увеличится, так как при групповом обучении интенсивность подачи материала снижается. Если Вам интересен формат обучения в мини-группе (например, вместе с друзьями или коллегами), свяжитесь с нами, и мы рассчитаем точную стоимость.

Документ, подтверждающий прохождение курсов

По окончании обучения и после сдачи практических зачетов вы получите Сертификат по курсу .

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

Согласие на обработку персональных данных

Настоящим в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» от 27.07.2006 года свободно, своей волей и в своем интересе выражаю свое безусловное согласие на обработку моих персональных данных АНО ДПО «ИНСТИТУТ СОВРЕМЕННОГО ОБРАЗОВАНИЯ» (ОГРН 1143600000290, ИНН 3666999768), зарегистрированным в соответствии с законодательством РФ по адресу: ул. Карла Маркса, дом 67, Воронеж, Воронежская область, Россия, 394036 (далее по тексту — Оператор).
Персональные данные — любая информация, относящаяся к определенному или определяемому на основании такой информации физическому лицу.
Настоящее Согласие выдано мною на обработку следующих персональных данных:
 — Имя;
 — Телефон.

Согласие дано Оператору для совершения следующих действий с моими персональными данными с использованием средств автоматизации и/или без использования таких средств: сбор, систематизация, накопление, хранение, уточнение (обновление, изменение), использование, обезличивание, а также осуществление любых иных действий, предусмотренных действующим законодательством РФ как неавтоматизированными, так и автоматизированными способами. Данное согласие дается Оператору для обработки моих персональных данных в следующих целях:
 — предоставление мне услуг/работ;
 — направление в мой адрес уведомлений, касающихся предоставляемых услуг/работ;
 — подготовка и направление ответов на мои запросы;
 — направление в мой адрес информации, в том числе рекламной, о мероприятиях/товарах/услугах/работах Оператора.

Настоящее согласие действует до момента его отзыва путем направления соответствующего уведомления на электронный адрес osnova@webfly.pro. В случае отзыва мною согласия на обработку персональных данных Оператор вправе продолжить обработку персональных данных без моего согласия при наличии оснований, указанных в пунктах 2 — 11 части 1 статьи 6, части 2 статьи 10 и части 2 статьи 11 Федерального закона № 152-ФЗ «О персональных данных» от 27.07.2006 г.