​

Пиши меньше, делай больше. Изучи библиотеку jQuery и создавай меню, аккордеоны, слайдеры, галереи и много другое.

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

Спойлер: Описание курса

В этом видео курсе вы изучите основы библиотеки jQuery. Продолжительность курса около 3.5 часов.

В курсе для вас подготовлено 37 видео уроков. Обязательно изучите все дополнительные текстовые материалы прикрепленные к урокам.

Курс состоит из 4 глав, в которых вы научитесь работать с DOM деревом.

Узнаете как создавать, удалять, клонировать элементы, добавлять новые элементы на страницу, управлять атрибутами и классами HTML элементов.

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

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

Во второй главе мы будем изучать работу с DOM, анимацией, циклами, атрибутами и классами элементов.

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

В последней главе мы поработаем с формами. Научимся работать с различными элементами, такими как: селекты, чекбоксы, радиокнопки, инпуты и в завершении создадим генератор CSS тени используя все изученное ранее.

Этот курс подойдет для веб разработчиков, которые знают основы HTML, CSS и JavaScript. Материал в этом курсе изложен понятным языком и изучить его вы сможете достаточно быстро. Уделите должное внимание дополнительным материалам и изучайте страницы документации, которые будут прикреплены к урокам.

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

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

• Библиотека jQuery
  
• jQuery

Требования:

• Основы HTML
  
• Основы CSS
  
• Основы JavaScript

Для кого этот курс::

• Начинающие разработчики, которые хотят изучить библиотеку jQuery

Спойлер: Программа курса:

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

1. Выборка элементов
   
   
   
   • Введение
     
   • Выборка элементов по трем селекторам
     
   • Вложенные, дочерние и соседние элементы
     
   • Выборка по наличию и значению атрибута
     
   • Фильтрация выборок
     
   
   
2. Работа с DOM и анимацией
   
   
   
   • Ожидание формирования 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()
     
   • Выбрать разные элементы
     
   
   
3. События
   
   
   
   • События на jQuery
     
   • Традиционная модель событий JavaScript
     
   • Модель событий jQuery
     
   • Событие hover
     
   • Объект события eventObject
     
   • Отмена обычного поведения элемента
     
   • Галерея изображений на jQuery
     
   
   
4. Формы
   
   
   
   • Выбор и фильтрация элементов формы
     
   • Фильтры состояний элементов формы
     
   • Узнать значение элементов формы
     
   • События submit и focus
     
   • События blur и change
     
   • Блокировка элементов формы
     
   • Генератор CSS тени для текста