Как в данном случае правильно использовать событие transitionend?

Спасибо!

Актуальные книги по js?

Флэнагана категорически не советую

Почему?

Повесить/снять обработчик события (toggleEventListener)?

Максим Зайцев, у меня сейчас так сделано, но я хочу сделать как-то так:

const handler = () => {
  // тут код обработки нажатия Esc
};

const onToggle = () => {
  document.toggleEventListener('keypress', handler);
};

Как вариант - использовать переменную-флаг:

var listener = true;

function toggleEventListener() {
  if (listener) {
    document.addEventListener('keypress', handler);
    listener = false;
  } else {
    document.removeEventListener('keypress', handler);
    listener = true;
  }
}

Но есть ли способы ещё?

Повесить/снять обработчик события (toggleEventListener)?

Речь идёт о модальном окне. Если окно открыто, вешать обработчик, который слушает нажатия на клавиатуру (если Esc - закрывает). Если окно закрыто - снимать обработчик. Всё это действие хочу оформить одной функцией, т.е. сделать что-то типа toggleEventListener.

Есть ли смысл изучать html-шаблонизаторы?

Извините за уточнения, просто я чистый фронтендер. Правильно ли я понимаю, что использование шаблонизатора, который поддерживается серверной частью, приводит к единому синтаксису на фронтенде и бекенде? И правильно ли, что в таком случае об использовании шаблонизатора нужно договариваться с бекенд-программистом, ведь он может быть не знаком с ним или у него банально нет времени/желания вникать в документацию?

Как сделать из изображений вкладки?

Дополню ответ: изображения вы можете сделать векторными, поместить в svg-спрайт и использовать на странице через use. Таким образом вы сможете контролировать цвет иконки при наведении или активной вкладке.

Есть ли смысл изучать html-шаблонизаторы?

отвязка фронтенда от языка на котором написан бэкенд

Не совсем понял, о чём идёт речь.

Есть ли смысл изучать html-шаблонизаторы?

Если используется React, то разметка страницы пишется в js-файле?

Как вернуть true, используя dataset?

Спасибо за замечание. Я это уже понял, поэтому использовал hasAttribute.

Как вернуть true, используя dataset?

Спасибо! Что-то я туплю.

Переключение между двумя атрибутами?

Не перестаю восхищаться вашим знанием Javascript.

Как сверстать такое на чистом css?

Сам спросил - сам решил. Кому интересно: https://jsfiddle.net/Sergius86/Lxjf9mk1/55/

Как сверстать такое на чистом css?

Это совсем не соответствует поставленной задаче, поскольку: 1) блоки не располагаются по центру относительно центрального пятого; 2) даже если не брать во внимание 1 пункт, блоки никак не связаны друг с другом (попробуйте добавить в один из блоков больше содержимого - его сосед справа не среагирует на изменившуюся высоту) https://jsfiddle.net/Sergius86/Lxjf9mk1/33/

Как сверстать такое на чистом css?

Надо не задавать высоту контейнеру, содержащему эту самую картинку.

Как вы разрабатываете сайты в нынешних реалиях?

Да в курсе я, что ж вы придираетесь к мелочам. Поправил и это.

Как вы разрабатываете сайты в нынешних реалиях?

Поправил этот момент, чтобы не вводил в заблуждение. Ванильный js я привёл в пример как набирающую популярность тенденцию (JQuery --> ванильный/чистый js).

Как вы разрабатываете сайты в нынешних реалиях?

jQuery приобрёл популярность за счёт того, что упрощал работу с js и делал код кроссбраузерным. Но развитие браузеров и новые возможности javascript ставят под сомнение дальнейшее использование JQuery.

Как вы разрабатываете сайты в нынешних реалиях?

Я фанат Bootstrap, умею и люблю его готовить. Но терзает вопрос, насколько ценен я как разработчик, если по сути у меня нет ни одного проекта, где бы я его не использовал.

Как вы разрабатываете сайты в нынешних реалиях?

Решил попробовать переписать старый лендинг без использования Bootstrap и понял, насколько от него зависим, в частности, от его плагинов. Теперь терзают сомнения, а настолько ли я хорош как разработчик.

Что касается javascript, тут я полностью солидарен.

с чем?

С тем, что для типичных задач уже нет острой необходимости подключать JQuery для того, чтобы код был кроссбраузерным.

Эквивалентна ли такая запись?

Я видел эти тесты, но всё равно спасибо.