Методы объекта 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 -добавление свойств и методов в прототип объекта.
Контекст вызова функции this. Простой вызов функции. Замыкание функции. Вызов метода объекта. Оператор new - Функции конструкторы. Методы call, apply и bind. Синтаксис. Разница между методами call и apply Ручное присвоение this любой функции.
Как контекст вызова this может использоваться на практике? Как this ведет себя в функции-обработчике события? Как стрелочная функция работает с контекстом вызова? В обработчиках событий, когда используется простой вызов функции (через function), есть доступ к this. Если используется стрелочная функция, то контекст вызова теряется.
Что такое классы? Стандарт ES6. Объявление и синтаксис классов. Свойство constructor. Конструирование и наследование классов. Ключевое слово extends. Создание новых объектов, экземпляры объекта.