Angular: как получить данные от апи и объявить переменные глобально?

Vadimqa,

1) Сервисом загружаю данные с сервера, присваиваю переменным значения

нет
В сервисах данные не загружаются, в сервисы помещаются методы, предоставляющие способ вытащить данные.

2) Загружаю сервис в главный модуль

нет
читать про ангуляров di

3) В любом из компонентов, без дополнительных инклудов могу использовать переменные {{user.login}}

нет
глобальные переменные не используются

Angular: как получить данные от апи и объявить переменные глобально?

Вот тут начинаются проблемы, мое понимание углового пока на уровне копипаста

пройдите тур героев. можно два раза.
Бесполезно объяснять то, что есть в мануале.

Есть ли где-то статистика по тому, насколько успешно пытаться схантить ребят из СПБ в Москву?

Сергей Горностаев, ага, и другие вопросы типа "как переманить людей из питера".
Впрочем одно другому не противоречит. И все же стоимость жизни ничего тут не определяет. И за еду будут работать, если рынок так решит. Другой вопрос что при падении зарплат способные люди перетекут по возможности туда, где платят, и местный пул разрабов сильно просядет.

Подписаться на роут?

Sashqa, ну ничего не поменялось же.
Вы можете следить не только за url, но и за каким-то своим сабжектом типа евент-бас.

Есть ли где-то статистика по тому, насколько успешно пытаться схантить ребят из СПБ в Москву?

Какая разница сколько стоит жизнь, когда решающим фактором будет на какую зарплату можно устроиться в другие фирмы по соседству.

Какой проект сделать новичку чтобы вникнуть во фронтенд и бекэнд и быть востребованым на рынке труда?

Strannyk, да какой от 100 человек, у меня вот сейчас отдел человек 10, и отдельный верстальщик есть. Фронты как бы могут сверстать, но их время просто дороже, а они и так не успевают.

Как реализовать правильно данный Guard?

Ghoulll, оно считает что getUser у вас возвращает Observable<unknown>
Надо типы расставить.

Как проверить асинхронную функцию, которая использует forkJoin?

Не пробовали вынести сложное объединение в сервис, а в компоненте подписаться как можно проще?
Метод сервиса можно протестить с помощью rxjs-marble, что-то в этом роде.

Чисто по логике даже, это не дело компонента - объединять потоки.

Как построить SPA из многостраничного сайта без потери поискового трафика?

Зависит от сайта. Может вам всего лишь контент надо подгружать.

Действительно ли reduce, filter, map и прочие работают медленнее обычного for?

dom1n1k,
там, где то же самое можно было сделать одним редьюсом
fixed

Если честно еще не видел ситуаций, где for сделал бы что-то проще. Обычно все нормально пишется через функции перебора массива и тестировать удобнее.
И это не совсем то, что принято понимать под функциональным подходом.
for-of нужен чтобы перебирать iterable с возможностью досрочного выхода.

в порядке апдейта
https://v8.dev/blog/v8-release-80#performance

This change affects a bunch of other builtins like Function.prototype.apply, Reflect.apply, and many higher-order array builtins (e.g. Array.prototype.map).

Действительно ли reduce, filter, map и прочие работают медленнее обычного for?

xmoonlight, да, я согласен что это слабый довод :)

Что не так? В чем ошибка?

Felino, подробное описание ошибок это часть обучения

Как сделать декоратор разрешенный только для методов заданного типа?

это можно сделать если убрать MethodDecorator

declare type MethodDecorator = 
<T>(
  target: Object,
  propertyKey: string | symbol,
  descriptor: TypedPropertyDescriptor<T>
) => TypedPropertyDescriptor<T> | void;

С ним начинает ругаться что T не соответствует моему T extends () =>string
Как тут
Я не хотел его убирать.
Хотя лан, пусть будет ответом.

Как правильно очищать canvas в данном случае?

А в чем вопрос то? Там и так все очищается вот тут

ctx.fillStyle = 'hsla(0, 0%, 0%, 0.1';
ctx.fillRect( 0, 0, width, height );

Холст просто рисуется заново каждый кадр

Что не так? В чем ошибка?

Felino, конечно же не интересно.
Вложенные свитчи это ужасно.
Бизнес-логика данных должна быть в сервисе.
Зачем конструктор у NgModule? Это полная ерунда. Конструкторы и методы модулей иногда применяются но совсем в других случаях.
Зачем класс distance? класс ради класса, хотя это простая структура данных.
Поля с именами data1 или i недопустимы
Логика, присвоение и вообще манипуляции с данными внутри subscribe - плохая практика признак совсем зеленого джуна.
Асинхронные данные должны храниться в потоках, преобразование данных - внутри пайпов.
for не должен применяться для итерации массивов, для этого есть методы перебора.
private http: Task1Service - за такое сразу пожизненный эцих с гвоздями.

Что не так? В чем ошибка?

Felino, https://ng-run.com/edit/sTUEer10sVnB7oYdqRK8

Что не так? В чем ошибка?

Felino, закинуть все в песочницу типа ng-run или голосом в телеграме.
тут мне надоело писать.

Какую архитектуру лучше использовать для Angular?

спорно
Класть все компоненты в папку components не всегда удобно.
SharedModule вообще не нужен

Перенос контента навигации из одного контейнера в другой?

NewBeHere,
а вот с более правильной разбивкой и без невидимого дубля.
https://ng-run.com/edit/3XvrtfH1bQsvcDBix0Or

Удаленщики развиваются медленнее?

xmoonlight, дада, прямо внутре