Упростить js скрипт?

Za Za, да писать-то нечего. примитивная, скучная задачка

const targetElement = document.querySelector('.blocks__phone-bg');
const allBlocks = document.querySelectorAll(`.blocks__item[data-item]`);
allBlocks.forEach(block => {
    block.addEventListener('mouseenter', () => {
        allBlocks.forEach(el => el.classList.remove('blocks__item--active'));
        block.classList.add('blocks__item--active');
        targetElement.className = `blocks__phone-bg blocks__phone-bg--${block.dataset.item}`;
    });
});

Как выровнять label по нижнему краю в BOOTSTRAP5?

На заметку. В бутстрапе всё-таки используется подход mobile-first, поэтому колоночные классы лучше указывать от меньшего к большему. И не нужно повторять. Кроме того, по умолчанию колонки и так уже 12 размера, так что и этот класс лишний (тут могу ошибиться, но вроде так и есть)

- <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-12">
+ <div class="col-sm-4">

Как выровнять label по нижнему краю в BOOTSTRAP5?

<div class="row mt-1 align-items-end">
Если название класса не перепутал

Почему ничего не происходит?

Да вроде всё правильно. На ум приходит только то, что модули не работают по протоколу file://, нужен web-сервер.

Упростить js скрипт?

WbICHA, именно так и нужно было сделать, а эти данные - contacts|goods|gallery|reviews|screen - брать из атрибутов. Тогда единожды написанный код работал бы с любым количеством блоков, без изменения самого кода.

Почему не работает js код в файле со всеми скиптами?

Если ваш код не использует jQuery, то не сто́ит его вставлять в анонимную самовызываемую функцию,

Мне очень интересно – почему же?

Упростить js скрипт?

Еще один...

"contacts|goods|gallery|reviews|screen".split`|`

При добавлении элемента в разметку, всё равно придется править javascript код
Садись, два.

Упростить js скрипт?

const tags = ['screen', 'goods', 'gallery', 'reviews', 'contacts'];

При добавлении элемента в разметку, всё равно придется править javascript код
Садись, два.

Упростить js скрипт?

Нужно обозначить общий признак у всех элементов.

Как оптимизировать базу данных?

Оптимизирую сайт по скорости загрузки,

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

Как заставить IDE воспринимать данное выражение как указанный обьект Class'а?

inilim2, хрень какая-то.

Как написать чат на php?

В общих чертах

https://yandex.ru/search/?text=Как+написать+чат+на...

Как заставить IDE воспринимать данное выражение как указанный обьект Class'а?

В классе объекта, который находится в ->app прописать свойство cache с соответствующим типом.
Грубо говоря

class App {

  public ?FileCache $cache;

}

Почему слетает обработчик события?

В этом коде нет проблемы.
Хотя я бы записал по-другому

document.querySelectorAll('.option-item').forEach(item => {
  item.addEventListener('click', e => console.log(10));
});

Как защитить сайт от копии-подделки с рекламой?

Сергей Соколов, реферер чекайте, и отдавайте дикпики =))

Как убрать отступы в документе?

Дмитрий, конвертируется в док-файл наверное.

Выбор архитектуры: web или desktop?

То есть выбор стоит так "использовать мне стандартный протокол или нестандартный".

при использовании desktop решения никто не запрещает программе общаться с сервером по тому же http протоколу. так что выбор состоит не в этом.

Как убрать отступы в документе?

Дмитрий, а как css соотносится с MS Word?

Как организовать функционал управления доступами к функция проекта?

смотрите RBAC - Role base account control.
Готовых решений на php полно.
Гибкость максимальная. Хаоса боятся не стоит, его не будет.

Разные venv что делать?

ну как бы исполнитель должен был предоставить минимальный мануал для запуска программы.
если он морозится - вам не повезло. в следующий раз сначала проверяйте, потом платите.
и пробуйте сами разобраться в теме https://pythonchik.ru/okruzhenie-i-pakety/virtualn...