FeST1VaL

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

Забей на программирование, это не твое.

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

Найди ту деятельность, где у тебя глаза горят.

.project-details__container.project-details__container__loaded {}
.project-details__cover.project-details__cover_loaded {}

=>

.project-details{
  $this: &;
  &__container{
     &#{$this}__container__loaded{

    }
  &__cover{
       &#{$this}__cover_loaded{

       }
    }
  }

Но вообще тут что то не то со специфичностью, по нормальному это должно было бы быть как-то так

.project-details {
  &__container{
     &__loaded{
    }
  }
}

По сути никакому.

Использование нижнего подчеркивания перед именем переменной, такого как наприме р this._data, является соглашением в некоторых языках программирования, включая JavaScript. Это не является частью синтаксиса языка или специальной функциональностью, а скорее соглашением об именовании, указывающим на то, что переменная является "приватной" или "внутренней" для твоего класса

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

Таким образом, this._data в вашем примере указывает на то, что _data предполагается использовать только внутри класса User. Если бы использовалось this.data без символа _, это могло бы дать впечатление, что свойство data предназначено для публичного доступа извне класса.

Еще разрабы документируют такие соглашения и указывают на то, что свойства или методы с символом _ перед именем предназначены для внутреннего использования. Это может быть указано в комментариях или в документации класса.

Постараюсь объяснить на анти-примере.
Ну вот допустим пришли вы на новое место работы, в котором какое-то время делают какой-то проект.
Вам дают задачу вывести на фронт ранг пользователя.
Вася Пупкин говорит, что уже написал метод для получения ранга пользователя - getUserRank и вам нужно просто использовать его. Вроде все хорошо, но вы открываете исходники и видите вот такую картину:
(примеры абстрактные, написанные на коленке)

class UserUtils {
   public function getUserRank($user) {
      // 20-30 строк кода
   }
}

Смотрите вы на этот метод и думаете:

Что такое $user? Это строка с логином? Это id-шник? Это объект ORM?

А что возвращает метод? Число? Объект ORM?

И вместо-того, чтобы приступить непосредственно к реализации задачи, вы сидите и читаете Васин код, чтобы понять, что надо передавать.
А если бы метод выглядел примерно так:

class UserUtilsWithTypes {
   public function getUserRank(UserModel $user) : int {
      // code

   }
}

То вы бы сразу поняли, что $user это объект ORM, а метод возвращает метод число.
Да, стоит добавить, что помимо объявления типа следует и имя аргумента указывать соответствующее его типу (например для bool часто вижу имена вроде $is_[что-то]), но речь сейчас не об этом.

Селектор A + B применяет стили к B, который находится на том же уровне сразу после A, а у вас B является родителем A.

Почитайте про технологию AJAX

На learn.javascript, например, неплохо написали:

Стрелка => ничего не привязывает. У функции просто нет this.
При получении значения this – оно, как обычная переменная, берётся из внешнего лексического окружения.

В вашем примере с литералом объекта можно добавить для понимания:

const obj = {
  w() {
    console.log('w', this);
  },
  x: function () {
    console.log('x', this);
  },
  y: this,
  z: () => {
    console.log('z', this);
  },
};

obj.w(); // obj
obj.x(); // obj
console.log('y', obj.y); // Window
obj.z(); // Window

Запись литерала объекта не создаёт свой контекст: на момент записи this тот же, что и снаружи:

const a = this; // Window
const obj = {
  b: this, // тоже Window 
}

a === obj.b // true

Во-первых, перестаньте заниматься некрофилией - актуальная версия swiper'а седьмая, а не третья.