ТОП-15 бесплатных онлайн-курсов по JQuery для начинающих с нуля 2024

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

Пройти курс

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

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

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

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

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

Вступление.
Справочники.
Подключение jQuery.
Функция $().
Отбор элементов по ID.
Выбор элементов по классу.
Выборка по тегам.
Отбор элементов.
Подводим итоги.
Завершение работы над формой.
Работа с атрибутами.
Манипулирование классами.
Манипулирование стилями.
Функция html() и text().
Функция копирования объектов.
Добавление элементов.
Удаление элементов.
Создание элементов.
Функция для получения данных из формы.
Обработчик событий.
Форма комментариев.
Анимация объектов.
Красивая анимация.
Заключительный урок.

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

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

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

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

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

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

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

Пройти курс

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

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

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

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

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

О HTML, CSS и JavaScript.
Подключаем, находим, готовим.
Атрибуты элементов и CSS.
События.
Анимация.
Манипуляции с DOM.
Работа с формами.
AJAX.
Объект Deferred и побратимы.
Пишем свой плагин.
Дополнение.

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

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

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

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

Антон Шевчук

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

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

Пройти курс

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

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

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

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

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

Подробные уроки по jQuery для начинающих.
Выборка элементов по трем селекторам на jQuery.
Вложенные, дочерние и соседние элементы на jQuery.
Выборка по наличию и значению атрибута в jQuery.
Фильтрация выборок на jQuery.
Ожидание формирования DOM дерева на jQuery.
Добавить текст на jQuery, Методы text(), hide(), show().
Что такое Цепные функции в jQuery.
Что такое Автоматические циклы в jQuery.
Изменение высоты и ширины width() и height().
Изменение кода внутри элемента jquery, метод html().
Плавная анимация fadeOut() и fadeIn() на jQuery.
Задать прозрачность элемента на jQuery, Метод fadeTo().
Свернуть и развернуть элемент jquery, slideUp() и slideDown().
Добавление и удаление атрибутов на jQuery, attr() и removeAttr().
Добавление и удаление классов на jQuery, addClass() и removeClass().
Работа с CSS стилями на jQuery, метод css() на jQuery.
Анимация CSS стилей на jQuery с помощью метода animate().
Добавить HTML код на jQuery.
Ручные циклы на jQuery, Метод each() и $(this).
Количество элементов в выборке jQuery, Свойство length.
Клонирование объекта метод clone и remove.
Выбрать разные элементы на jQuery по HTML атрибуту.
Урок про События на jQuery.
Традиционная модель событий на JS.
Модель событий jQuery.
Событие при наведении в jquery событие hover.
Объект события eventObject на jQuery.
Отмена обычного поведения элемента на jQuery.
Галерея изображений на jQuery как создать с нуля.
Выбор и фильтрация элементов формы на jQuery.
Фильтры состояний элементов формы на jQuery.
Узнать значение элементов формы в выборке jQuery.
События submit и focus на jQuery.
События blur и change на jQuery.
Блокировка элементов формы на jQuery.
Урок по jQuery, Выучи jQuery быстро в 2021 году.
Пишем генератор CSS тени для текста на JS+jQuery.
Сравнение языка JavaScript и библиотеки jQuery.
Как переписать код jQuery на JavaScript, Генератор скруглений.
Как переписать код jQuery на JavaScript, Генератор тени текста.
Конкурс по JS, Как переписать код jQuery на JavaScript, Генератор тени блока.
Доступ к HTML через DOM и jQuery на JavaScript, Видео курс по JavaScript.
Как изменить стили активной ссылки меню на js+jQuery.
Фиксим баг с меню на jQuery.
Как к Gulp подключить jQuery или другую стороннюю библиотеку.
Как сделать аккордеон на HTML, SCSS, jQuery с нуля, Frontend Практика.
Пишем скрипт Портфолио на jQuery самостоятельно.
Оптимизируем и улучшаем Портфолио с фильтрацией на jQuery.

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

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

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

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

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

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

Пройти курс

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

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

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

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

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

Как установить jQuery.
Что такое функция $() в jQuery.
Как сделать выборку элементов в jQuery.
Как работать с выборкой на jQuery.
Как добавлять и удалять элементы в jQuery.
Как обработать события на jQuery.
Как делается анимация на jQuery.
Как сделать зумирование изображений на jQuery.
Как сделать плавную кнопку «наверх» на jQuery.
Как сделать динамическую загрузку файлов на сервер
Как делается адаптивная вёрстка на jQuery.
Как отправлять асинхронные запросы на JQuery
Как отправлять Ajax запросы с помощью методов $.post() и $.get().
Как сделать радио кнопки в виде слайдера на JQuery.
Как установить слайдер slick.
Как сделать архив с помощью плагина для JQuery.
Как сделать экскурсию по сайту на JQuery.
Как сделать красивые табы на JQuery.
Как создать титры на сайте с помощью плагина для JQuery.
Как создать красивый progressbar с помощью плагина для JQuery.
Как сделать замок по шаблону на JQuery.
Как добавить динамики на сайт с JQuery библиотекой dynamo.js.
Как сделать видео на заднем фоне с помощью JQuery.
Как сделать подтверждение отправки почты на JQuery.
Как сделать красивый и эффектный слайдер на JQuery.
Как сделать красивый выпадающий список на JQuery.
Как сделать красивое всплывающее окошко на JQuery, используя WebUI-Popover.
Как сделать красивые уведомления на JQuery, используя плагин Noty.
Как сделать красивое выпадающее меню с интересным эффектом на CSS и JQuery.
Как сделать задний фон в виде частиц на JQuery.
Как сделать интерактивное сравнение двух фотографий на JQuery.
Как сделать круговой ползунок на JQuery.
Как сделать облака на JQuery.
Как вывести время, прошедшее с момента опубликования записи, на JQuery.
Как вывести специальные символы на JQuery.
Как сделать счетчик обратного отсчета на JQuery.
Как сделать кастомное меню на JQuery.
Как сделать анимацию при загрузке страницы на JQuery.
Как определить блокировщик рекламы на JQuery.
Как сделать выезжающее меню на JQuery.
JQuery LightGallery — плагин для создания галерей.
Как обернуть элемент в макет браузера или устройства на JQuery.
Как сделать красивую галерею с сортировкой на JQuery.
Как сделать интерактивный 3D объект на JQuery.
Как сделать всплывающее окно на JQuery.
Как сделать скроллинг параллакс эффект.
Как сделать гамбургер меню на CSS и JS. Часть 1.
Как сделать гамбургер меню на CSS и JS. Часть 2.
Как сделать выдвигающийся поиск по клику.
Как сделать валидацию формы на jQuery.
Как сделать маску ввода телефона на jQuery.
Как работать с библиотекой jQuery.
Как работать с библиотекой jQuery UI.
Как использовать jQuery UI Slider.
Как применить виджет jQuery UI Datapicker.
О плагине для табов EasyTabs.
Как настроить слайдер BxSlider.
Как поставить таймер обратного отсчёта на сайт.
Как сделать AJAX-форму без перезагрузки страницы.
Как создать эффект печатающегося текста на сайте.
На реальном примере про анимацию SVG вектора.
Фильтры в jQuery.
Как получить селектор в jQuery.
Как манипулировать атрибутами в jQuery.
Как работают jQuery события мыши.
Как работают jQuery эффекты.
Как сделать всплывающее окно popup на jQuery (часть 1).
Как сделать всплывающее окно popup на jQuery (часть 2).
Как сделать фильтрацию по первым буквам на jQuery.
Как сделать анимацию кнопки меню гамбургер.
Как сделать адаптивное меню гамбургер.
Как делать Mobile first верстку.
Как делать плавный якорь на jQuery.
Как сделать прокрутку страницы вверх.
Как сделать виджет аккордеон библиотеки JQuery UI.
Кому нужен jQuery и почему?
Получить значение из формы на jQuery
Получить и изменить значение атрибута на jQuery.
Data атрибуты на jQuery (часть 2).
Пример стилизации Slick слайдера (часть 1).
Пример стилизации Slick слайдера (часть 2).
Настройки стрелок у Slick слайдера (часть 3).
Настройка галереи Fancybox 3.
Выгрузка товаров на сайт (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 уроков.

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

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

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

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

Introduction.
Install jQuery UI.
jQuery UI Accordion Widget.
jQuery UI Tabs Widget.
jQuery UI Menu Widget.
jQuery UI ToolTip Widget.
jQuery UI DatePicker Widget.
jQuery UI Button Widget and Other Theme Elements.
Conclusion.

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

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

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

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

Мэри Тэйлор

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

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

Пройти курс

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

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

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

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

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

jquery project course introduction.
jquery project introduction popup modal window.
jquery projects create modal HTML.
jquery project add CSS to modal.
jquery projects add jquery.
query projects Add modal code.
jquery projects popup modals and closing them.
jquery project setup cookie in Jquery.
jquery projects get cookie.
jquery project cookie check popup.
jquery project popup pause.
jquery projects wait for 3 seconds to show popup window.
jquery project form data.
jquery project marketing popup window styling.
jquery project JSON data get value in jquery.
jquery project setup AJAX.
jquery project AJAX to mysql database using PHP.
jquery project update popup message.
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 уроков.

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

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

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

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

Что такое jQuery, основные понятия и возможности.
Селекторы.
Фильтры.
Методы для работы с CSS-стилями.
Методы для работы с html.
Методы для работы с атрибутами и фильтрами.
Методы по обработке событий.
Визуальные эффекты jQuery.
Плагины jQuery — рисуем углы.
Плагин draggable — перетаскиваем элементы.
Плагин droppable — сбрасываем элементы.
Плагин resizable — меняем размеры элемента.
Плагин sortable — сортируем элементы.
Плагин selectable — выбираем элементы.

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

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

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

Site-Do

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

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

Пройти курс

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

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

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

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

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

Введение. Синтаксис.
Выбор селекторов. Оптимизация выборки.
Работа с CSS. Изменения атрибутов элемента.
События в jquery.
Анимация. Часть 1.
Анимация. Часть 2.
Манипуляции с DOM . Часть 1.
Манипуляции с DOM . Часть 2.
Манипуляции с DOM.Offset,Position,Height,innerHeight.
Как сделать адаптивное меню на jQuery. уроки jQuery.
Уроки jQuery практика- как сделать адаптивное меню с Flexbox и jQuery.
Уроки jQuery практика- как сделать слайдер.
Уроки jQuery практика- как сделать кнопку наверх (back to top) как ВКонтакте.
Уроки jQuery практика- анимация счетчика чисел.
Уроки jQuery практика- делаем To Do приложение.
Уроки jQuery практика- делаем Skill bar для портфолио.
Уроки jQuery практика- делаем простой аккордеон.
Уроки jQuery практика- меняем фон страницы при скролле.

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

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

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

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

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

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

Пройти курс

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

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

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

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

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

Уроки jQuery Подключение к сайту и активация события на кнопке.
Уроки jQuery / Как с помощью jQuery вывести значение на экран.
Уроки jQuery / Как подключить jQuery и вывести значения по id и классу.
Уроки jQuery / Подключение и Удаление элементов со страницы.
Уроки jQuery / Подключаем событие click, определяем элемент по которому нажали и координаты мыши.
Уроки jQuery / Событие focusin подключаем и выводим подсказки.
Уроки jQuery / Методы addClass и removeClass — добавляем и удаляем классы — для начинающих.
Вводный урок по jQuery для начинающих, подключение к сайту и обработка простого события.
Уроки jQuery Как сделать всплывающее окно с картой или видео.
Уроки jQuery / Как получить ID элемента с помощью jQuery.
Уроки jQuery / В каком месте подключать jQuery на сайте и когда вызывать код на jQuery.
Как создать новый элемент на странице / Уроки jQuery.
Уроки jQuery / События мыши.
Уроки jQuery / События окна браузера.
Уроки jQuery Подключение jQueryUI.
Уроки jQuery / jQueryUI работа с датами datepicker.
Уроки jQuery / Навигация на новую страницу.
Как установить и использовать Sublime Text 3.
Программирование более 500 уроков.
Как я изучаю новый язык программирования / Только для спонсоров.