ТОП 10 онлайн-курсов по jQuery, бесплатные и платные

ТОП 10 онлайн-курсов по jQuery, бесплатные и платные

JQuery — JavaScript библиотека, предназначенная для упрощения обхода и манипулирования деревом HTML DOM, а также обработки событий, анимации и работы с Ajax. API библиотеки позволяет решить больше задач меньшим количеством кода.

Несмотря на то, что за последние годы появилось множество JavaScript-фреймворков, JQuery все еще остается самой популярной библиотекой и приблизительно 70% сайтов ее используют. Популярность библиотеки связана не только с простотой написания кода, но и с тем, что за все время ее существования было написано тысячи готовых плагинов, такие как галереи, слайдеры, модальные окна, валидаторы форм и многое другое. И для реализации необходимого функционала достаточно подключить требуемый плагин без необходимости писать все с нуля.

На этой странице представлены бесплатные и платные курсы по изучению JQuery. Изучение данной библиотеки будет особенно актуально для фронтенд-разработчиков.

Ученики узнают о селекторах, их использовании и сравнят с чистым JavaScript. Узнают, как создавать интерактивные приложения с помощью Ajax, работать с DOM и понимать основные функции jQuery. Курс будет тем, кто уже знаком с JavaScript.

Школа: GeekBrains - образовательный портал от Mail.ru Group

Сайт: https://gb.ru/

Дата начала: В любое время

Длительность: 5 уроков

Стоимость: Бесплатно

Формат обучения: Видеокурс

Кому подойдет: Знания HTML, CSS и JavaScript

Программа:

5 уроков

  1. Работа с селекторами
  2. Работа с Ajax
  3. DOM. Часть 1
  4. DOM. Часть 2
  5. jQuery для профессионалов: ядро

В ходе курса вы познакомитесь с библиотекой jQuery и научитесь писать программы на ее основе. Изучите весь базовый синтаксис библиотеки, изучите различные встроенные функции и создадите несколько проектов на основе jQuery.

Школа: itProger - онлайн-школа IT профессий

Сайт: https://itproger.com/

Дата начала: В любое время

Стоимость: Бесплатно

Формат обучения: Видеокурс

Требования: Знания HTML, CSS и JavaScript

Программа:

24 урока, 45 заданий

  1. Вступление
  2. Справочники
  3. Подключение jQuery
  4. Функция $()
  5. Отбор элементов по ID
  6. Выбор элементов по классу
  7. Выборка по тегам
  8. Отбор элементов
  9. Подводим итоги
  10. Завершение работы над формой
  11. Работа с атрибутами
  12. Манипулирование классами
  13. Манипулирование стилями
  14. Функция html() и text()
  15. Функция копирования объектов
  16. Добавление элементов
  17. Удаление элементов
  18. Создание элементов
  19. Функция для получения данных из формы
  20. Обработчик событий
  21. Форма комментариев
  22. Анимация объектов
  23. Красивая анимация
  24. Заключительный урок

Чему научитесь:

За курс вы изучите весь базовый синтаксис библиотеки, различные встроенные функции, а также создадите несколько проектов.

Особенности обучения:

  • Онлайн редактор кода
  • Справочник

Этот курс будет полезен всем, кто знаком с основами языка JavaScript. Вы научитесь использовать jQuery для создания собственных скриптов или модификации существующих. Также научитесь отправлять асинхронные запросы, то есть использовать метод AJAX, ведь с jQuery это очень удобно.

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

Сайт: https://webformyself.com

Автор: Виктор Гавриленко

Дата начала: В любое время

Длительность: 11 ч. 24 мин.

Стоимость: 1 970 руб. в месяц

Формат обучения: Видеокурс

Для кого этот курс: Курс будет полезен всем, кто знаком с основами языка JavaScript

Программа обучения:

16 уроков

  1. Введение в jQuery. Начало работы
  2. Селекторы
  3. Селекторы группы фильтров
  4. Работа со стилями и атрибутами
  5. Манипуляции с элементами и их содержимым
  6. Методы анимационных эффектов
  7. События. Часть 1
  8. События. Часть 2
  9. Методы работы с набором выбранных элементов. Часть 1
  10. Методы работы с набором выбранных элементов. Часть 2
  11. Работа AJAX. Часть 1
  12. Работа AJAX. Часть 2
  13. Утилиты. Часть 1
  14. Утилиты. Часть 2
  15. Игра крестики-нолики. Часть 1
  16. Игра крестики-нолики. Часть 2

Чему научитесь:

  • Осуществлять манипуляции с элементами
  • Отправлять асинхронные запросы, то есть использовать метод AJAX

Этот курс подходит для веб-разработчиков, которые знают основы HTML, CSS и JavaScript. Продолжительность курса около 3,5 часов. Курс содержит 37 видео уроков, подготовленных для вас. Обязательно изучите все дополнительные текстовые материалы, прилагаемые к урокам. Материал в этом курсе изложен доступным языком и вы сможете его освоить достаточно быстро.

Дата началаВ любое время
Длительность3,5 ч. видео
Стоимость1 190 руб.

Школа: Udemy - онлайн-курсы

Сайт: https://www.udemy.com/

Автор: Исмаил Усеинов

Интенсивность: Обучение в свободном режиме

Формат обучения: Видеокурс

Для кого этот курс: Начинающие разработчики, которые хотят изучить библиотеку jQuery

Темы курса:

4 разделов, 37 лекций, общая продолжительность 3 ч. 34 мин.

Темы курса

Вы научитесь:

  • Выбирать любой элемент DOM с помощью различных селекторов
  • Работать с DOM, анимацией, циклами, атрибутами и классами элементов
  • Работать с событиям
  • Работать с различными элементами, такими как: селекты, чекбоксы, радиокнопки, инпуты

Особенности обучения:

  • Гарантия возврата денег — 30 дней
  • 1 ресурс для скачивания
  • Полный пожизненный доступ
  • Доступ через мобильные устройства и телевизор
  • Сертификат об окончании

Изучаем jQuery | Урок №1 - Вступление

Канал: Гоша Дударь

В этом видеокурсе вы изучите популярную во всем мире библиотеку для языка JavaScript — jQuery. С помощью этой библиотеки вы будете разрабатывать различные функции для сайта, при этом использовать меньше кода.

Дата началаВ любое время
ИнтенсивностьВы сами устанавливаете темп обучения
СтоимостьБесплатно
Формат обученияВидеокурс
Требования Знания HTML, CSS и JavaScript

Плейлист:

26 уроков продолжительностью до 10 минут

Открыть
  1. Вступление
  2. Справочники
  3. Подключение jQuery
  4. Функция $()
  5. Отбор элементов по ID
  6. Выбор элементов по классу
  7. Выборка по тегам
  8. Отбор элементов
  9. Подводим итоги
  10. Завершение работы над формой
  11. Работа с атрибутами
  12. Манипулирование классами
  13. Манипулирование стилями
  14. Функция html() и text()
  15. Функция clone()
  16. Добавление элементов
  17. Удаление элементов
  18. Создание элементов
  19. Функция val ()
  20. Обработчик событий
  21. Форма комментариев
  22. Анимация
  23. Красивая анимация
  24. Заключительный урок
  25. Выбор случайного цвета jQuery
  26. Профессия Front-end разработчик | Презентация онлайн курса

Уроки по jQuery

Канал: ITDoctor

Уроки по jQuery предназначены для максимально быстрого и эффективного обучения начинающих разработчиков. Уроки в этом плейлисте идут от простых к более сложным. Также есть немного практики и кодирования в js и jquery для создания интерактивных веб-приложений.

Дата начала: В любое время

Интенсивность: Обучение в свободном режиме

Стоимость: Бесплатно

Формат обучения: Видеокурс

Кому подойдет: Знания HTML, CSS и JavaScript

Плейлист:

39 уроков

Открыть
  1. Подробные уроки по jQuery для начинающих
  2. Выборка элементов по трем селекторам
  3. Вложенные, дочерние и соседние элементы
  4. Выборка по наличию и значению атрибута
  5. Фильтрация выборок
  6. Ожидание формирования DOM дерева
  7. Добавить текст, Методы text(), hide(), show(), урок 7
  8. Что такое Цепные функции
  9. Что такое Автоматические циклы
  10. Изменение высоты и ширины width() и height()
  11. Изменение кода внутри элемента jquery, метод html(),
  12. Плавная анимация fadeOut() и fadeIn()
  13. Задать прозрачность элемента на jQuery, Метод fadeTo(), урок 13
  14. Свернуть и развернуть элемент, slideUp() и slideDown()
  15. Добавление и удаление атрибутов, attr() и removeAttr()
  16. Добавление и удаление классов, addClass() и removeClass()
  17. Работа с CSS стилями на jQuery, метод css()
  18. Анимация CSS стилей с помощью метода animate()
  19. Добавить HTML код
  20. Ручные циклы, Метод each() и $(this)
  21. Количество элементов в выборке, Свойство length
  22. Клонирование объекта метод clone и remove
  23. Выбрать разные элементы по HTML атрибуту
  24. Урок про События
  25. Традиционная модель событий на JS
  26. Модель событий
  27. Событие при наведении в jquery событие hover
  28. Объект события eventObject
  29. Отмена обычного поведения элемента
  30. Галерея изображений на jQuery как создать с нуля
  31. Выбор и фильтрация элементов формы
  32. Фильтры состояний элементов формы
  33. Узнать значение элементов формы в выборке
  34. События submit и focus
  35. События blur и change
  36. Блокировка элементов формы
  37. Урок по jQuery, Выучи jQuery быстро в 2021 году
  38. Пишем генератор CSS тени для текста на JS+jQuery
  39. Фиксим баг с меню

Прелоадер / Progress Bar на JS и CSS

Канал: Denis Gorelov

В этом курсе будет создан прогресс бар. Плагин работает при помощи библиотеки Jquery, с помощью настроек мы оформим его под свои задачи и дополнительно пропишем функцию Прелоадера.

Дата начала: В любое время

Интенсивность: Обучение в свободном режиме

Стоимость: Бесплатно

Формат обучения: Видеокурс

Требования: Необходимы знания JavaScript/Jquery

Плейлист:

7 уроков продолжительностью до 30 минут

  1. Прелоадер / Progress Bar на JS и CSS
  2. Прелоадер с процентной загрузкой / Практика по JavaScript
  3. Пульсирующий клик / Анимация кнопки на JavaScript
  4. Эффект плавающего текста в фокусе | Contact Form на CSS и jquery
  5. Аккордеон вкладки (табы) на jQuery
  6. #2 FORM / Вкладки на CSS и JS
  7. #3 FORM / Переключение tabs на CSS и JS

Канал: Web Developer Blog

В этом уроке мы начнем с введения в jQuery, а так же рассмотрим синтаксис данной библиотеки.

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Стоимость: Бесплатно

Формат обучения: Видеокурс

Требования: Необходимы знания JavaScript

Плейлист:

Открыть
  1. Введение. Синтаксис
  2. Выбор селекторов. Оптимизация выборки
  3. Работа с CSS. Изменения атрибутов элемента.
  4. События в jquery
  5. Анимация. Часть 1.Hide.Show.SlideUp.SlideDown
  6. Анимация. Часть 2.Fade.Animate
  7. Манипуляции с DOM . Часть 1.After.Before.Append
  8. Манипуляции с DOM . Часть 2.Replace.Wrap.Clone.Detach
  9. Манипуляции с DOM.Offset,Position,Height,innerHeight
  10. Как сделать адаптивное меню на jQuery. уроки jQuery.
  11. Как сделать адаптивное меню с Flexbox и jQuery
  12. Как сделать слайдер
  13. Как сделать кнопку наверх (back to top) как вконтакте
  14. Анимация счетчика чисел
  15. Делаем To Do приложение
  16. Делаем Skill bar для портфолио
  17. Делаем простой аккордеон
  18. Меняем фон страницы при скролле

Уроки jQuery практика- как сделать адаптивное меню с Flexbox и jQuery

Канал: Web Developer Blog

В этом видео на практике рассказывается о том, как сделать адаптивное меню с Flexbox и jQuery.

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Стоимость: Бесплатно

Формат обучения: Видеокурс

Кому подойдет: Необходимы знания JavaScript/jQuery

Другие уроки автора:

8 уроков продолжительностью до 12 минут

  1. Как сделать адаптивное меню с Flexbox и jQuery
  2. Как сделать слайдер
  3. Как сделать кнопку наверх (back to top) как вконтакте
  4. Анимация счетчика чисел
  5. Делаем To Do приложение
  6. Делаем Skill bar для портфолио
  7. Делаем простой аккордеон
  8. Меняем фон страницы при скролле

https://jquery.com/ — официальный сайт

https://jquery-docs.ru/ — русская документация по API jQuery

https://metanit.com/web/jquery/ — уроки

https://ruseller.com/ — шпаргалка jQuery. Также на сайте можно найти множество плагинов.

https://jqueryui.com/ — библиотека с открытым исходным кодом для создания пользовательского интерфейса в веб-приложениях (часть проекта jQuery)

НайтиКурс.Ру
Добавить комментарий