100+ бесплатных онлайн-курсов

15 бесплатных онлайн-курсов по JQuery

1. «Уроки jQuery» от itProger

Длительность курса: 24 урока.

Уровень: для начинающих.

Формат обучения: видеоуроки + практические задания.

Обратная связь: при наличии подписки от 6 месяцев.

Без сертификата

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

  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. Заключительный урок.

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

  • Основам работы с библиотекой jQuery
  • Писать программы на основе jQuery
  • Использовать весь базовый синтаксис библиотеки
  • Создавать проекты на основе jQuery

Особенности курса:

  • Большие задания по курсу доступны при наличии подписки от 1 месяца за 400 рублей
  • Есть справочник и редактор кода

Кто проводит курс 

Георгий Дударь

  • Основатель онлайн-школы программирования itProger
  • 685 тысяч подписчиков на YouTube

2. «Введение в jQuery» от Антона Шевчука

Длительность курса: 11 уроков.

Уровень: для начинающих.

Формат обучения: текстовые уроки.

Обратная связь: нет.

С сертификатом

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

  1. О HTML, CSS и JavaScript.
  2. Подключаем, находим, готовим.
  3. Атрибуты элементов и CSS.
  4. События.
  5. Анимация.
  6. Манипуляции с DOM.
  7. Работа с формами.
  8. AJAX.
  9. Объект Deferred и побратимы.
  10. Пишем свой плагин.
  11. Дополнение.

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

  • Работать с HTML, CSS и JavaScropt
  • Взаимодействовать с событиями и анимациями
  • Писать свой плагин

Особенности курса:

  • Есть примеры кода в уроках

Кто проводит курс 

Антон Шевчук

  • Автор учебника «jQuery для начинающих»
  • Тимлид в NIX Building Solutions

3. «Уроки jQuery» от Исмаила Усеинова

Длительность курса: 49 уроков.

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

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

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

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

  • Основам работы с библиотекой jQuery
  • Писать код
  • Изменять код внутри элемента

Кто проводит курс 

Исмаил Усеинов

  • Автор образовательного канала ITDoctor
  • Более 25 000+ подписчиков на YouTube
  • Окончил ЮРГГУ 

4. «jQuery» от Михаила Русакова

Длительность курса: 84 урока.

Уровень: для начинающих.

Формат обучения: текстовые уроки.

Обратная связь: нет.

Без сертификата

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

  1. Как установить jQuery.
  2. Что такое функция $() в jQuery.
  3. Как сделать выборку элементов в jQuery.
  4.  Как работать с выборкой на jQuery.
  5. Как добавлять и удалять элементы в jQuery.
  6. Как обработать события на jQuery.
  7. Как делается анимация на jQuery.
  8. Как сделать зумирование изображений на jQuery.
  9. Как сделать плавную кнопку «наверх» на jQuery.
  10. Как сделать динамическую загрузку файлов на сервер
  11. Как делается адаптивная вёрстка на jQuery.
  12. Как отправлять асинхронные запросы на JQuery
  13. Как отправлять Ajax запросы с помощью методов $.post() и $.get().
  14. Как сделать радио кнопки в виде слайдера на JQuery.
  15. Как установить слайдер slick.
  16. Как сделать архив с помощью плагина для JQuery.
  17. Как сделать экскурсию по сайту на JQuery.
  18. Как сделать красивые табы на JQuery.
  19. Как создать титры на сайте с помощью плагина для JQuery.
  20. Как создать красивый progressbar с помощью плагина для JQuery.
  21. Как сделать замок по шаблону на JQuery.
  22. Как добавить динамики на сайт с JQuery библиотекой dynamo.js.
  23. Как сделать видео на заднем фоне с помощью JQuery.
  24. Как сделать подтверждение отправки почты на JQuery.
  25. Как сделать красивый и эффектный слайдер на JQuery.
  26. Как сделать красивый выпадающий список на JQuery.
  27. Как сделать красивое всплывающее окошко на JQuery, используя WebUI-Popover.
  28. Как сделать красивые уведомления на JQuery, используя плагин Noty.
  29. Как сделать красивое выпадающее меню с интересным эффектом на CSS и JQuery.
  30. Как сделать задний фон в виде частиц на JQuery.
  31. Как сделать интерактивное сравнение двух фотографий на JQuery.
  32. Как сделать круговой ползунок на JQuery.
  33. Как сделать облака на JQuery.
  34. Как вывести время, прошедшее с момента опубликования записи, на JQuery.
  35. Как вывести специальные символы на JQuery.
  36. Как сделать счетчик обратного отсчета на JQuery.
  37. Как сделать кастомное меню на JQuery.
  38. Как сделать анимацию при загрузке страницы на JQuery.
  39. Как определить блокировщик рекламы на JQuery.
  40. Как сделать выезжающее меню на JQuery.
  41. JQuery LightGallery — плагин для создания галерей.
  42. Как обернуть элемент в макет браузера или устройства на JQuery.
  43. Как сделать красивую галерею с сортировкой на JQuery.
  44.  Как сделать интерактивный 3D объект на JQuery.
  45. Как сделать всплывающее окно на JQuery.
  46. Как сделать скроллинг параллакс эффект.
  47. Как сделать гамбургер меню на CSS и JS. Часть 1.
  48. Как сделать гамбургер меню на CSS и JS. Часть 2.
  49. Как сделать выдвигающийся поиск по клику.
  50. Как сделать валидацию формы на jQuery.
  51. Как сделать маску ввода телефона на jQuery.
  52. Как работать с библиотекой jQuery.
  53. Как работать с библиотекой jQuery UI.
  54. Как использовать jQuery UI Slider.
  55. Как применить виджет jQuery UI Datapicker.
  56. О плагине для табов EasyTabs.
  57. Как настроить слайдер BxSlider.
  58. Как поставить таймер обратного отсчёта на сайт.
  59. Как сделать AJAX-форму без перезагрузки страницы.
  60. Как создать эффект печатающегося текста на сайте.
  61. На реальном примере про анимацию SVG вектора.
  62. Фильтры в jQuery.
  63. Как получить селектор в jQuery.
  64. Как манипулировать атрибутами в jQuery.
  65. Как работают jQuery события мыши.
  66. Как работают jQuery эффекты.
  67. Как сделать всплывающее окно popup на jQuery (часть 1).
  68. Как сделать всплывающее окно popup на jQuery (часть 2).
  69. Как сделать фильтрацию по первым буквам на jQuery.
  70. Как сделать анимацию кнопки меню гамбургер.
  71. Как сделать адаптивное меню гамбургер.
  72. Как делать Mobile first верстку.
  73. Как делать плавный якорь на jQuery.
  74. Как сделать прокрутку страницы вверх.
  75. Как сделать виджет аккордеон библиотеки JQuery UI.
  76. Кому нужен jQuery и почему?
  77. Получить значение из формы на jQuery
  78. Получить и изменить значение атрибута на jQuery.
  79. Data атрибуты на jQuery (часть 2).
  80. Пример стилизации Slick слайдера (часть 1).
  81. Пример стилизации Slick слайдера (часть 2).
  82. Настройки стрелок у Slick слайдера (часть 3).
  83. Настройка галереи Fancybox 3.
  84. Выгрузка товаров на сайт (jQuery + JSON).

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

  • Основам работы с jQuery
  • Выгрузке товаров на сайт
  • Созданию элементов интерфейса

Кто проводит курс 

Михаил Русаков

  • Окончил факультет автоматики и вычислительной техники МЭТ
  • Занимается программированием более 15 лет
  • Обучает коду с 2009 года
  • Автор 30 платных и бесплатных курсов

5. «Animation with JavaScript and jQuery» от Калифорнийского университета

Длительность курса: 73 урока.

Уровень: для продвинутых.

Формат обучения: видеоуроки + материалы для самостоятельного изучения + тестовые задания.

Обратная связь: нет.

Сертификат выдаётся платно

Программа обучения:
Manipulating Web Pages Elements with jQuery & JavaScript
Animating Web Page Elements with jQuery & JavaScript
Intermediate Document Manipulation & Animation
Timers and Recursion in JavaScript & jQuery

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

  • Основам работы с библиотекой jQuery
  • Пониманию синтаксических различий между JavaScript и jQuery
  • Созданию небольших проектов

Особенности курса:

  • Курс на английском языке

Кто проводит курс 

Уиллиам Мэд

  • Окончил «Школу дизайна Парсонса» 
  • Получил степень магистра в Университете Лесли
  • Программирует с 1999 года
  • Преподавал в American River College

6. «jQuery and AJAX for Beginners — The Definitive Guide» от Пабло Фарриаса Наварро

Длительность курса: 38 уроков.

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

Программа обучения:
Introduction
Selection
DOM Traversing
Working with Events
DOM Manipulation
Animations and Effects
AJAX
Forms
Summary

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

  • Основам работы с библиотекой jQuery
  • Базовому программированию на AJAX

Особенности курса:

  • Курс на английском языке
  • Требуются базовые знания HTML, CSS и JavaScript

Кто проводит курс 

Пабло Фарриас Наварро

  • Сертифицированный разработчик компьютерных игр
  • Основатель платформы ZENVA
  • Преподаёт на профессиональном уровне с 2012 года
  • Участник инновационной программы от Intel
  • 35 000+ подписчиков на YouTube

7. «Learn to Use jQuery UI Widgets» от Мэри Тэйлор

Длительность курса: 9 уроков.

Уровень: для начинающих.

Формат обучения: видеоуроки + тестовые задания.

Обратная связь: нет.

Без сертификата

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

  1. Introduction.
  2. Install jQuery UI.
  3. jQuery UI Accordion Widget.
  4. jQuery UI Tabs Widget.
  5.  jQuery UI Menu Widget.
  6. jQuery UI ToolTip Widget.
  7. jQuery UI DatePicker Widget.
  8. jQuery UI Button Widget and Other Theme Elements.
  9. Conclusion.

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

  • Основам использования jQuery
  • Применению виджетов в пользовательском интерфейсе

Особенности курса:

  • Курс на английском языке
  • Требуются базовые знания HTML и CSS

Кто проводит курс 

Мэри Тэйлор

  • Более 7 лет программирует на профессиональном уровне
  • Обучает студентов веб-технологиям на онлайн-семинарах
  • Специализируется на DHTML, JS, jQuery, JSON и ASP.NET
  • Сертифицированный специалист Microsoft

8. «JQuery Create Overlay Popups from scratch using Jquery» от Лоуренса Свекиса

Длительность курса: 29 уроков.

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

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

  1. jquery project course introduction.
  2. jquery project introduction popup modal window.
  3. jquery projects create modal HTML.
  4. jquery project add CSS to modal.
  5. jquery projects add jquery.
  6. query projects Add modal code.
  7. jquery projects popup modals and closing them.
  8. jquery project setup cookie in Jquery.
  9. jquery projects get cookie.
  10. jquery project cookie check popup.
  11. jquery project popup pause.
  12. jquery projects wait for 3 seconds to show popup window.
  13. jquery project form data.
  14. jquery project marketing popup window styling.
  15. jquery project JSON data get value in jquery.
  16. jquery project setup AJAX.
  17. jquery project AJAX to mysql database using PHP.
  18. jquery project update popup message.
  19. jquery project modal fadeout.

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

  • Создавать настраиваемые всплывающие окна для любого веб-сайта
  • Использовать библиотеку jQuery
  • Настраивать и кодировать собственные модальные окна
  • Создавать фрагменты кода

Особенности курса:

  • Курс на английском языке
  • Требуются базовые знания HTML и CSS

Кто проводит курс 

Лоуренс Свекис

  • Создаёт обучающие курсы по веб-разработке с 2002 года
  • Эксперт в области инновационных технологий
  • Создал своё первое приложение в 1990 году, сайт — в 1998 году

9. «jQuery Fundamentals Powerful Bootcamp for beginners» от Лоуренса Свекиса

Длительность курса: 48 уроков.

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

Программа обучения:
Course Introductions
Getting started with jQuery
jQuery Methods manipulating HTML elements and attributes
jQuery Animations and Effects
Course Bonus Resources and Extra Lectures

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

  • Лучшему пониманию jQuery
  • Взаимодействию между JavaScript и jQuery
  • Применению jQuery на своём сайте
  • Созданию анимаций с jQuery

Особенности курса:

  • Курс на английском языке
  • Требуются базовые знания HTML и CSS

Кто проводит курс 

Лоуренс Свекис

  • Создаёт обучающие курсы по веб-разработке с 2002 года
  • Эксперт в области инновационных технологий
  • Создал своё первое приложение в 1990 году, сайт — в 1998 году

10. «jQuery Practice Exercises for Beginners Building Forms» от Лоуренса Свекиса

Длительность курса: 14 уроков.

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

Программа обучения:
Introduction to practice jQuery
Create step application for multiple screens
Form Validation
Bonus Content

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

  • Применению jQuery при создании приложений
  • Созданию проектов с jQuery

Особенности курса:

  • Курс на английском языке
  • Требуются базовые знания HTML и CSS

Кто проводит курс 

Лоуренс Свекис

  • Создаёт обучающие курсы по веб-разработке с 2002 года
  • Эксперт в области инновационных технологий
  • Создал своё первое приложение в 1990 году, сайт — в 1998 году

11. «Бесплатный курс по jQuery» от Дениса Хомича

Длительность курса: 24 урока.

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

Программа обучения:
Селекторы/фильтры
Разбор DOM
Элементы DOM
События
Анимация
Отладка JQ-кода

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

  • Работать с DOM-деревом
  • Изменять полученные наборы элементов
  • Создавать различные анимационные эффекты
  • Работать с событиями, связывать их с обработчиками

Кто проводит курс 

Денис Хомич

  • Программист издательства Info-DVD
  • Написал модуль многоуровневых комментариев для персонального сайта Никиты Королёва
  • Написал скрипт Split Tester

12. «Уроки jQuery» от Site-Do

Длительность курса: 14 уроков.

Уровень: для начинающих.

Формат обучения: текстовые уроки.

Обратная связь: нет.

Без сертификата

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

  1. Что такое jQuery, основные понятия и возможности.
  2. Селекторы. 
  3. Фильтры.
  4. Методы для работы с CSS-стилями.
  5. Методы для работы с html.
  6. Методы для работы с атрибутами и фильтрами.
  7. Методы по обработке событий.
  8. Визуальные эффекты jQuery.
  9. Плагины jQuery — рисуем углы.
  10. Плагин draggable — перетаскиваем элементы.
  11. Плагин droppable — сбрасываем элементы.
  12. Плагин resizable — меняем размеры элемента.
  13. Плагин sortable — сортируем элементы.
  14. Плагин selectable — выбираем элементы. 

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

  • Основам работы с jQuery
  • Взаимодействию с селекторами и фильтрами
  • Методам работы с CSS-стилями
  • Созданию визуальных эффектов

Кто проводит курс 

Site-Do

  • Проект, направленный на обучение созданию сайтов
  • Есть множество курсов по различным языкам программирования

13. «Уроки jQuery» от Алексея Супруна

Длительность курса: 18 уроков.

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

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

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

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

  • Эффективному использованию библиотеки jQuery
  • Создавать проекты на jQuery
  • Работе с анимациями

Кто проводит курс 

Алексей Супрун

  • Создатель обучающих видео по программированию
  • Более чем 215 000+ подписчиков на YouTube

14. «Уроки jQUery для начинающих с нуля» от Олега Шпагина

Длительность курса: 23 урока.

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

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

  1. Уроки jQuery Подключение к сайту и активация события на кнопке.
  2. Уроки jQuery / Как с помощью jQuery вывести значение на экран.
  3. Уроки jQuery / Как подключить jQuery и вывести значения по id и классу.
  4. Уроки jQuery / Подключение и Удаление элементов со страницы.
  5. Уроки jQuery / Подключаем событие click, определяем элемент по которому нажали и координаты мыши.
  6. Уроки jQuery / Событие focusin подключаем и выводим подсказки.
  7. Уроки jQuery / Методы addClass и removeClass — добавляем и удаляем классы — для начинающих.
  8. Вводный урок по jQuery для начинающих, подключение к сайту и обработка простого события.
  9. Уроки jQuery Как сделать всплывающее окно с картой или видео.
  10. Уроки jQuery / Как получить ID элемента с помощью jQuery.
  11. Уроки jQuery / В каком месте подключать jQuery на сайте и когда вызывать код на jQuery.
  12. Как создать новый элемент на странице / Уроки jQuery.
  13. Уроки jQuery / События мыши.
  14. Уроки jQuery / События окна браузера.
  15. Уроки jQuery Подключение jQueryUI.
  16. Уроки jQuery / jQueryUI работа с датами datepicker.
  17. Уроки jQuery / Навигация на новую страницу.
  18. Как установить и использовать Sublime Text 3.
  19. Программирование более 500 уроков.
  20. Как я изучаю новый язык программирования / Только для спонсоров.

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

  • Подключению jQuery к сайту
  • Созданию элементов на странице
  • Работе с событиями

Кто проводит курс 

Олег Шпагин

  • Более 45 000+ подписчиков на YouTube
  • Работал в Министерстве юстиции РФ
  • Окончил Финансовую академию при правительстве РФ
  • Основатель проекта «Программирование онлайн»

15. «Курс по jQuery. Пишем калькулятор для расчёта стоимости на сайт» от WebAcademy

Длительность курса: 11 уроков.

Уровень: для начинающих.

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

Обратная связь: нет.

Без сертификата

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

  1. Курс по jQuery. Чему мы научимся — обзор калькулятора.
  2. Подключение библиотеки jQuery.
  3. Урок по jQuery селекторам. Курс по jQuery.
  4. jQuery методы выбора элементов. Курс по jQuery.
  5. События в jQuery. Курс по jQuery.
  6.  jQuery методы для работы с классами. Курс по jQuery.
  7. Анимация с jQuery. jQuery.
  8. jQuery работа с формой val. Курс по jQuery.
  9. Работа с атрибутами в jQuery. Курс по jQuery.
  10.  Работа с HTML разметкой в jQuery. Курс по jQuery.
  11. Калькулятор для сайта на jQuery. Расчет стоимости авто. Курс по jQuery.

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

  • Созданию калькулятора для расчёта стоимости
  • Использованию событий в jQuery
  • Работе с HTML-разметкой

Кто проводит курс 

WebAcademy

  • Школа, специализирующаяся на обучении веб-разработке
  • 3 тысячи подписчиков на YouTube

Алексей Шаполов

Основатель проекта. Профессиональный information junkie. 😊

Разбираюсь в SEO и интернет-маркетинге. Работаю онлайн с 2018 года. Люблю философствовать, потреблять контент в самых разнообразных его формах и, конечно же, писать интересные статьи для своих сайтов.

Оцените автора
Пройти.Ру
Добавить комментарий

100+ бесплатных онлайн-курсов
Часть ссылок на нашем сайте – реферальные. Что это значит для вас, читайте в данном материале.