Aetae

Чтобы избежать головняка с contenteditable можно подложить стилизованный div под input с прозрачным текстом. Но это всё равно не будет просто, т.к. потребуется вычислять разницу состояний и анимировать именно по месту ввода.
Вот чисто концепт с анимацией только последнего символа:

Во-первых: так

element.addEventListener("mouseover", function () {
  ...
  this.addEventListener("mouseout", function () { ... });
});

делать нельзя никогда. Это, простите - говно.
Каждый раз как на элемент наводится мышка - на него вешается новый обработчик mouseout. 10 раз навели - 10 обработчиков висит и срабатывает по уводу мышки.

Во-вторых: это максимально всё выносится в css. Если .figures__hover где-то ниже .what-we-do__li - полностью, иначе частично: в обработчике меняется только класс контейнера.

В-третьих: лучше использовать mouseenter и mouseleave.

1. Сырцы на всё должны быть. Обязательно. Если нет - то только валить. Если есть - всегда можно разобраться, написать автоматизацию лично для себя и пинать хуи - тут переходим к пункту 2.
2. Сколько платят и сколько дают времени на задачу? Если ответ "нормально" и "много" - см. пункт 1, нарабатывается стаж, а свободное время тратится на развитие. Иначе - валить.)

Очевидно, это обёртка. Обычно над eslint. Вот в документацию eslint и смотрите.

Нет.

Просто втыкай ещё один @match, количество не ограничено.
В самом скрипте, очевидно, ты можешь различать их по locatoin.hostname.

В typescript нельзя изменять существующий класс. Класс - законченная сущность. Конец.

С помощью наследования ты можешь добавить новые методы в новый класс-наследник.

И конечно, ты можешь захакать что угодно, что возможно в javascript, принудительно в обход ts, но ts об этом знать не будет и, соответственно, никакой типизации.

Потому что они ещё не получены. То что внутри then - будет выполнено когда-нибудь потом, а console.log(users) выполнится сразу после вызова(но не окончания запроса) sendRequest.
Читай про асинхронность.

[...].filter(({name}, i, arr) => !i || name !== arr[i-1].name)

Ну, тебе прямым текстом сказано: match может вернуть null и тогда произойдёт ошибка во время исполнения.

Либо так:

const [a, b, c, d, f, g= ''] = value.match(/\d+/g) || [];

Либо, если ты на 146% уверен, что match обязательно что-нибудь найдёт:

const [a, b, c, d, f, g= ''] = value.match(/\d+/g) as string[];

document.querySelectorAll('[атрибут]').forEach(el => el.click());

Если используется защита от программного нажатия, или кнопки имеют хитрую логику и/или не кнопки вовсе - не сработает.

Это называется json5. Используйте какаю-нить готовую либу для парсинга и будет вам счастье.

Просто их пожрали всякие фреймворки, которые делают то же самое но с блэкджеком. Некоторые фреймворки используют их под капотом. А вот самих по себе - не использует практически никто. Полагаю это потому, что любая задача, что потребует использования веб-компонентов, сама по себе достаточно сложна, что нет особого смысла её делать без какого-либо фреймворка.

Если делать по-умному, то в итоге ты напишешь свой vue/react, только хуже.
А по тупому: контенту первой страницы display: none, контенту второй display: block - всё оно живёт одновременно, все связи и переменные сохраняются, прячутся куски только визуально.

Два асинхронных действия - два промиса, по одному на каждое. Объеденить же несколько потом можно через Promise.all:

function XMLHttpPromise(method, url, data) {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open(method, url);
    xhr.onload = () => {
      if (xhr.status === 200 && xhr.readyState === 4) 
        resolve(xhr.responseText);
      else 
        reject("Error");
    }
    xhr.onerror = xhr.ontimeout = reject;
    xhr.send(data);
  })
}

Promise.all([
  XMLHttpPromise('GET', `style.css`),
  XMLHttpPromise('GET', `xmlData.html`)
]).then(([value, secondValue]) => {
  console.log(value);
  console.log(secondValue);
}).catch(console.error);

document.querySelector('.mpIt.mpId456').insertAdjacentHTML('beforeend', `<b>тег "b"</b>`);

Винда не считает ' кавычками и кидает их как часть параметра.
Экранировать чтоб оно работало на всех ОС - не так просто, а результат - уродлив, так что рекомендуется просто указать параметры для перезаписи под ключом ts-node в tsconfig.json:

{
  "ts-node": {
    "compilerOptions": {
      "module": "CommonJS"
    }
  },
  ...
}

IE11 не умеет в деструктурирующее присваивание.

Также тебе следует обратить внимание, что при такой записи date_from и date_to будут глобальными переменными.