Алексей Уколов

Чтобы что-то сделать другим цветом в HTML, это что-то должно быть обёрнуто в какой-то тег (в данном случае идеально подойдёт <span>). Затем к этому тегу можно применить соответствующие правила CSS, либо напрямую в атрибут style, либо через отдельную таблицу стилей.
Ну и, разумеется, раз у вас обычный текст заменится на html, то использовать innerText уже будет нельзя.

Включаю телепатию. Полагаю, что имеет место классика — при первом рендере значение не определено, а вы с ним пытаетесь работать, как с объектом. В консоли «пустое» значение тоже выводится, но вы его игнорируете.

Сейчас добавляет всем элементам сразу, а как сделать как появился элемент сразу добавился класс

Эта формулировка, возможно, понятна вам, но совершенно непонятна за пределами вашей головы.

Это вам нужно?

function (entry) {
  entry.target.classList.add("animate__animated animate__fadeInLeft ");
}

Или, может, это?

[...document.querySelectorAll('.element')].forEach(function (el) {
    const observer = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        entry.target.classList.add("animate__animated animate__fadeInLeft ");
      });
  });

  observer.observe(el);
});

Невозможно с бэка на фронт передать промис.

element.name === 'name'

У нас есть объект. Мы проверяем, есть ли в этом объекте ключ (a[e]) и если есть, инкрементируем значение (a[e] + 1), а если нет, то используем единицу. Полученное значение записываем в объект a[e] =.

почему в условии мы делаем присваивание

Потому что метод reduce предназначен для "сборки" какого-то одного значения и эта сборка без присваивания невозможна.

Как в конечный массив записывается значение

Через присваивание выше и возврат объекта (а не массива) из функции.

Совершенно мне непонятно, что вы этим кодом хотели сказать. Но.

не уходит в catch фетча

Вы ошибаетесь, уходит.

не передается дальше в catch промиса

Потому что вы её уже обработали в первом catch. Если зачем-то хотите, чтобы она ушла дальше по цепочке catch, её надо бросить заново.

Если вам зачем-то необходимо оборачивать promise из fetch в другой (а это вряд ли), то код должен выглядеть так:

const url = 'https://jsonplaceholder.typicode.co'
const getUser = async () => {
  return new Promise((resolve, reject) => {
  	fetch(url).then(data => resolve(data)).catch(err => reject(err))
  }).catch(err => err.message)
}

Но он полностью аналогичен этому:

const url = 'https://jsonplaceholder.typicode.co'
const getUser = async () => fetch(url).catch(err => err.message)

Только этот код "проглатывает" ошибку и возвращает её текст из функции, а в случае успеха возвращает не полученные данные, а весь объект ответа, на котором нужно дополнительно вызывать .json() или .text().

let b = await f()

    return {
        type: LOAD_FILMS_CATEGORY,
        payload: b,
    };

Везде, кроме IE с той или иной версии есть: https://developer.mozilla.org/en-US/docs/Web/API/D...

У вас в фильтре указано "none" - все сообщения, которые не содержат эту подстроку, скрываются.

Ну, у вас, по сути, контент зависит от номера итерации, поэтому массив можно заменить простым циклом от 0 до 10.
Но в целом, для более сложных сценариев массив - это нормальное решение.

Просто не нужно индекс указывать: let [[fruit1, fruit2, fruit3]] = arr;
Если вам нужен конкретный индекс и вы хотите получить его именно через вложенный деструкт, то все индексы до него нужно перечислить в виде пустых массивов: let [[], [fruit1, fruit2, fruit3]] = arr;

function prepare(){
  const results = [];

  for(let i = 0; i <= sections.length-1; i++){
    const result = createFile(`src/parts/_${sections[i]}.html`, `
    <div class="${sections[i]}">
      <div class="${sections[i]}__content ${sections[i]}__container"></div>
    </div>\n`, 
    function (err) {
      // file either already exists or is now created (including non existing directories)
    });

    results.push(result); // Если функция выше ушла в ошибку, нужно это обработать отдельно
  }

  return results;
}

Для начала нужно заменить .then(response => response.text()) на .then(response => response.json()). И потом работать с result как с обычным объектом.

Всё довольно просто - вы не в той ветке логики сбрасываете флаг-блокировщик, вот он и сбрасывается через секунду после третьего вызова (как раз между четвёртым и пятым).
Вот такой вариант работает:

function calls(func, ms) {
  let call = true;
  return function (x) {
     if (call) {
        call = false;

        setTimeout(() => { call = true }, ms);

        return func.apply(this, arguments);
     }
  }
}

js не воспринимает before как часть класса toggle

Не совсем так - как часть toggle псевдоэлемент как раз воспринимается, но в функции скрытия вы проверяете на то, что элемент является ребёнком toggle и вот для псведоэлементов это не так. Собственно, у js нет доступа к псевдоэлементам и их он воспринимает как сам основной элемент.
Для решения проблемы достаточно изменить условие:

if (!$(e.target).parents().hasClass("toggle") && !$(e.target).hasClass("toggle") && $(e.target).parents(".nav-items").length === 0)

Вызов arr.values() всегда возвращает новый объект итератора, "перемотанный" на начало. Поэтому в первом случае у вас два разных итератора, а во втором - один и вы по нему идёте.

Метод getMilliseconds возвращает количество долей секунды в значении даты, а не количество миллисекунд с 01.01.1970.

Полагаю, вы хотите чего-то подобного:

const miliseconds_day = 1000 * 60 * 60 * 24;
const lastDate = new Date();
const nextDate = new Date(lastDate.valueOf() + miliseconds_day);
console.log(lastDate.valueOf() + miliseconds_day, 'ms');
console.log(lastDate, 'last');
console.log(nextDate, 'next');

Или даже проще:

const miliseconds_day = 1000 * 60 * 60 * 24;
const nextDate = new Date(Date.now() + miliseconds_day);
console.log(nextDate, 'next');