Антон Швец

then ждет на вход коллбек, т.е. функцию.
А вы ему пихаете промис, да еще и стартуете все эти промисы одновременно.

Если сделать так
.then(() => animation(2, 1000, log))
то animation выполнится, когда резолвится промис -> будет выполнен коллбек, в котором запускается следующая animation

arr.reduce((acc, el) => {
  const sought = acc.find(e => e.roomId === el.roomId);
  if (sought) {
    sought.text.push(el.text);
  } else {
    acc.push({ roomId: el.roomId, text: [el.text ]});
  }
  return acc;
}, [])

reloadGameInfo = interval(10000);
stepTimer = interval(1000);
second_to_event = 100;

this.stepTimer.subscribe(() => {
  this.second_to_event = this.second_to_event >= 0 ? this.second_to_event - 1 : 0;
  if (this.second_to_event === 0) {
    // make request at second_to_event equals to 0 and set second_to_event if request success
  }
});

this.reloadGameInfo.pipe(
  filter(() => this.second_to_event > 0
)
  .subscribe(() => {
    // do 10000 periodic task
  })

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

const arr = [
  [200, 200],
  [300, 300],
  [200, 250],
  [200, 200]
];

const uniAr = Object.values(
  arr.reduce((acc, el) => {
    acc[JSON.stringify(el)] = el;
    return acc;
  }, {})
);

для любых массивов, не только из чисел

https://developer.mozilla.org/en-US/docs/Web/API/H...

- Нужно ли бандлить библиотеки из node_modules?

обычно их все в vendor.js помещают. Нужно это или нет, решаете сами.

- Как использовать dist библиотек из node_modules?

В мануалах к библиотекам должно быть написано. Обычно просто делается import пакета. А там уж как разработчик библиотеки повелел.

- Зачем dist в библиотеках, если вдруг это не используется при бандле webpack?

А если пользователь библиотеки не использует webpack?

Плюс часто делают amd, esm варианты. Для разных схем импорта.

http-server - просто http сервер, минимум лишнего. Берет файлы и отправляет их по запросу браузера. Аналог apache, nginx, просто упрощенные, на ноде. Удобен чтобы быстро открыть содержимое папки в браузере.

live-server, lite-server релоадят страничку, если изменились файлы. Сервер инжектит свой скрипт, который поднимает вебсокет соединение с сервером, что позволяет серверу отдать команду страничке на релоад.

webpack-dev-server - вебпак собирает код из исходников в оперативе, дальше все тоже самое что у предыдущих двух. Встроен в Ангуляр и запускается командой ng serve

Все вышеизложенное используется только в целях разработки. http-server еще можно втулить на боевой проект, но зачем, если есть nginx.
Похожие сервачки есть у любого почти языка для бэкенда сейчас.

Запустить для чего и где?
sudo npm i -g http-server
В папке с index.html
http-server
localhost:8080

Абсолютно любая функция в js образует замыкание.
Просто иногда оно пустое. А еще движки занимаются оптимизацией и убирают из скоупа неиспользуемые ссылки.

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

Создавайте сервис, храните в нем данные и инжектите его везде. В чем проблема.
Все как в вашем примере, только

@Injectable({
  providedIn: 'root'
})
export class MainConfig {
  // данные
}

git pull
все написано же. Гитхаб отказыватся принимать ваши изменения, потому что ваша локальная копия отстала от удаленной, и локальную надо синхронизировать, забрать себе последние изменения.
VS Code тут вообще не причем

return забыл
и async там не нужен
и форматируй нормально

export function appInitializerFactory(
  authService: AuthorizationService, 
  permissionsService: PermissionService,
) {
  return () => authService.authorize().pipe(
    tap(() => permissionsService.currentUser = authService.currentUser),
  )
    .toPromise();
}

Достаточно ли будет умений простой верстки (html, css, bootstrap, основ js, jquery) ?

Ну если это помимо основных знаний из тех что нужны бэкендеру, то достаточно. Можно даже без бутстрапа и жквери. Но это крохи по сравнению с квалификацией бэка.

Но все же первый вопрос мне не понятен, почему нельзя объявить переменную внутри цикла, и присваивать ей значения массива

Ну почему нельзя

for(let i = 0; i < 10; i++) {
  var summary = summary || 0;
  summary += i;
}
console.log(summary);

Область видимости var - текущая функция. var можно объявлять сколько угодно, он все равно поднимается вверх функции и срабатывает только один раз, см. var hoisting
Область видимости let - текущий блок. Если делать let внутри цикла, то будет новая summary на каждую итерацию цикла, т.к. на каждую итерацию считай создается отдельный блок.

https://github.com/sequelize/sequelize-auto

попробуй

<button class="btn_buy btn_buy_filtered" (click)="toCart(); $event.stopPropagation()">