Stepik О курсе
Подробнее
В этом видео курсе вы изучите основы библиотеки jQuery. Продолжительность курса чуть больше чем 3 часа. В курсе для вас подготовлено 38 видео уроков. Обязательно изучите все дополнительные текстовые материалы прикрепленные к урокам.
Курс состоит из 4 глав, в которых вы научитесь работать с DOM деревом. Узнаете как создавать, удалять, клонировать элементы, добавлять новые элементы на страницу, управлять атрибутами и классами HTML элементов. Вы сможете скачать тестовый стенд в первом уроке и практиковаться на нем до самого последнего, благодаря этому вы лучше усвоите весь материал.
В первой главе я научу вас выбирать любой элемент DOM с помощью различных селекторов и фильтров и записывать элемент в переменные для дальнейшей работы с ним.
Во второй главе мы будем изучать работу с DOM, анимацией, циклами, атрибутами и классами элементов.
В третьей главе мы уделим внимание событиям. Рассмотрим стандартную модель событий JavaScript, а так же модель событий jQuery. Научимся создавать обработчики событий и отменять стандартное поведение элементов. В конце этой главы мы создадим свою собственную галерею изображений.
В последней главе мы поработаем с формами. Научимся работать с различными элементами, такими как: селекты, чекбоксы, радиокнопки, инпуты и в завершении создадим генератор CSS тени используя все изученное ранее.
Этот курс подойдет для веб разработчиков, которые знают основы HTML, CSS и JavaScript. Материал в этом курсе изложен понятным языком и изучить его вы сможете достаточно быстро. Уделите должное внимание дополнительным материалам и изучайте страницы документации, которые будут прикреплены к урокам.
Требования
Что нужно для старта
- Желательно понимать основы HTML, CSS и JavaScript. Если вы только начинаете свой путь разработчика, то лучше для начала пройти обучение по курсам:
- Вёрстка на HTML & CSS для начинающих
- Супер курс по языку JavaScript
Результат
Что вы получите
- Выбирать любой элемент DOM
- Работать с анимацией, циклами, атрибутами и классами
- Работать с HTML формами
- Отменять стандартное поведение элементов
- Создавать обработчики событий
- Создавать собственную галерею изображений
- Создавать генератор CSS тени
Аудитория
Для кого этот курс
- Я рекомендую изучать этот курс:
- Тем, кто только начинает свой путь в мире web-технологий и программирования;
- Тем, кто уже знает основы HTML, CSS и JavaScript, но хочет изучать что-то новое и более крутое;
- Тем, кто хочет получить востребованную и хорошо оплачиваемую профессию;
- Тем, кто хочет научиться создавать интерактивные графические интерфейсы для своих web-приложений.
Содержание
4 занятияПрограмма курса
№ТемаЧто внутри
01Выборка элементов
- Общая информация о курсе
- Введение
- Выборка элементов по трем селекторам
- Вложенные, дочерние и соседние элементы
- Выборка по наличию и значению атрибута
- Фильтрация выборок
- Выбрать разные элементы
- Ожидание формирования DOM дерева
02Работа с DOM и анимацией
- Методы text(), hide(), show()
- Цепные функции
- Автоматические циклы
- Изменение высоты и ширины width() и height()
- Изменение кода внутри элемента, метод html()
- Плавная анимация fadeOut() и fadeIn()
- Прозрачность, Метод fadeTo()
- Свернуть и развернуть элемент, slideUp() и slideDown()
- Добавление и удаление атрибутов, attr() и removeAttr()
- Добавление и удаление классов, addClass() и removeClass()
- Работа с CSS стилями, метод css()
- Анимация CSS стилей, метод animate()
- Вставка HTML элементов
- Ручные циклы на jQuery, Метод each() и $(this)
- Количество элементов в выборке, Свойство length
- Клонирование элемента, метод clone()
03События
- События на jQuery
- Традиционная модель событий JavaScript
- Модель событий jQuery
- Событие hover
- Объект события eventObject
- Отмена обычного поведения элемента
- Галерея изображений на jQuery
04Формы
- Выбор и фильтрация элементов формы
- Фильтры состояний элементов формы
- Узнать значение элементов формы
- События submit и focus
- События blur и change
- Блокировка элементов формы
- Генератор CSS тени для текста
01Выборка элементов
- Общая информация о курсе
- Введение
- Выборка элементов по трем селекторам
- Вложенные, дочерние и соседние элементы
- Выборка по наличию и значению атрибута
- Фильтрация выборок
- Выбрать разные элементы
- Ожидание формирования DOM дерева
02Работа с DOM и анимацией
- Методы text(), hide(), show()
- Цепные функции
- Автоматические циклы
- Изменение высоты и ширины width() и height()
- Изменение кода внутри элемента, метод html()
- Плавная анимация fadeOut() и fadeIn()
- Прозрачность, Метод fadeTo()
- Свернуть и развернуть элемент, slideUp() и slideDown()
- Добавление и удаление атрибутов, attr() и removeAttr()
- Добавление и удаление классов, addClass() и removeClass()
- Работа с CSS стилями, метод css()
- Анимация CSS стилей, метод animate()
- Вставка HTML элементов
- Ручные циклы на jQuery, Метод each() и $(this)
- Количество элементов в выборке, Свойство length
- Клонирование элемента, метод clone()
03События
- События на jQuery
- Традиционная модель событий JavaScript
- Модель событий jQuery
- Событие hover
- Объект события eventObject
- Отмена обычного поведения элемента
- Галерея изображений на jQuery
04Формы
- Выбор и фильтрация элементов формы
- Фильтры состояний элементов формы
- Узнать значение элементов формы
- События submit и focus
- События blur и change
- Блокировка элементов формы
- Генератор CSS тени для текста
Документ после выпуска
Stepik
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «jQuery для начинающих» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Направления:JavaScript
Информация обновлена 3 сентября 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
