Полный курс по JavaScript - Часть 5 - JS в работе

Методы объекта ClassList item, add, remove, toggle и contains позволяют работать и манипулировать с классами элементов страницы: получить, добавить и удалить класс; чередовать классы и проверять их наличие. Свойство length позволяет узнать количество классов у элемента. Свойство className устарело.

Делегирование событий в JS – это отслеживание события на множестве элементов. При этом создается один обработчик события для общего родителя. Таким образом, событие передается от родительского к дочерним элементам. Делегирование событий стоит применять, когда приходится работать с большим кол-вом интерактивных элементов.

Что такое табы и как их использование может быть реализовано в JS? Пример создания табов в JavaScript. Как при клике по вкладке отобразить один контент и скрыть содержимое остальных блоков. Работа с реальным проектом

Синтаксис и примеры использования методов setTimeout, setInterval и clearInterval. Управление временем выполнения скриптов. Чем рекурсивный setTimeout лучше, чем setInterval? И в чем минус использования метода setInterval? Создание простой JS-анимации.

Работа с датами в JavaScript. get и set-методы объекта Date – Получение и установка времени и даты. Любая дата в JS хранится в миллисекундах. Точка отсчета 1 января 1970 года по времени UTC.

Как создать таймер обратного отсчета для сайта на JavaScript. Работа с проектом. Конвертация миллисекунд в дни часы минуты и секунды. Как узнать оставшееся времени до полуночи?

Cвойства clientWidth и clientHeight + box-sizing учет ширины полей padding и полосы прокрутки. Размеры элементов DOM. Cвойства offsetWidth и offsetHeight, scrollWidth и scrollHeight.

Вызов и закрытие модального окна. Триггеры, использование data-атрибутов и инлайн-стилей. Закрытие модального окна при клике на подложке и на клавишу ESC. Использование свойства classList и его методов при вызове и закрытии модального окна.

Открытие модального окна через заданный промежуток времени или в конце страницы. Модальное окно появляется один раз - удаляется обработчик события метод removeEventListener

Функции-конструкторы как прототип объекта. Свойства и методы - ключевое слово this. Свойство prototype -добавление свойств и методов в прототип объекта.