P
prepair.app
Пройти интервью →
EnglishУкраїнськаРусскийDeutsch
🅰️

Senior Angular FrontendВопросы на собеседовании Angular

Senior · 5+ лет опыта

Собеседование Angular охватывает внедрение зависимостей, RxJS, change detection и TypeScript — фреймворк строгий, поэтому вопросы проверяют, понимаете ли вы его механику. Ниже — самые частые с эталонными ответами. Senior: архитектуру, трейд-оффы, менторство и принятие решений.

Попробовать — без регистрации
Готовим вопрос…

Темы для подготовки

Dependency Injection
RxJS и Observables
Change Detection
Модули и компоненты
Реактивные формы
TypeScript

5 вопросов уровня Senior с ответами

1

Как решать, где должно жить состояние?

Ответ

Ближе всего к месту использования: сигнал в компоненте для локального, сервис с сигналами для состояния одной фичи, и полноценный стор — только когда одно состояние пишут многие фичи и нужна прослеживаемость изменений. Брать NgRx по умолчанию — платить бойлерплейтом на каждом экране; взяться слишком поздно — платить рефакторингом, когда баги уже про рассинхронизацию состояния.

2

Как ускорить медленное Angular-приложение?

Ответ

Измерить, какая фаза медленная — начальная загрузка, обнаружение изменений или конкретное взаимодействие, — потому что лечится это разным. Для загрузки: ленивые маршруты, анализ бандла и удаление зависимостей, импортированных целиком. Для обнаружения изменений: OnPush, trackBy на списках и вынос дорогой работы из геттеров, вызываемых на каждой проверке. Геттер в шаблоне выполняется куда чаще, чем ожидают.

3

Как удерживать Angular-базу обновляемой между мажорами?

Ответ

Запускать ng update по расписанию, а не пачкой: Angular поставляет схематики миграции, которые работают только версия за версией. Держаться идиом фреймворка — ломается именно собственная абстракция над роутером или формами. Устаревания объявляют за версию вперёд, поэтому база, обновляющаяся каждый релиз, ломающих изменений почти не видит.

4

Как структурировать большое Angular-приложение?

Ответ

По фичам, у каждой свои маршруты, компоненты и сервисы, плюс общий слой, которым фичи пользуются и который о них ничего не знает. Направление задавать правилами линтера, а не соглашением: соглашение проигрывает. Проверка — можно ли удалить фичу одним коммитом; если нет, её границ никогда и не было.

5

Что даёт SSR через Angular Universal и чего он стоит?

Ответ

Даёт первую отрисовку с содержимым и страницу, которую краулер читает, не выполняя JavaScript. Стоит сервера, рендерящего на каждый запрос, кодовой базы, которая не смеет трогать window во время рендера, и багов гидратации, где сервер и клиент расходятся. Для авторизованного дашборда он обычно не даёт ничего, поэтому решение принимается на маршрут.

🦎

Прочитать ответы недостаточно

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

Пройти интервью Senior Angular Frontend →
Бесплатно · 3 интервью в месяц

Другие уровни — Angular Frontend

Junior Angular FrontendMiddle Angular FrontendВсе вопросы Angular Frontend

Другие специализации

🔍Senior QA Manual🤖Senior QA AutomationSenior Java Backend🐍Senior Python Backend🐘Senior PHP Backend🦫Senior Go Backend🟢Senior Node.js Backend💎Senior Ruby on Rails🟣Senior .NET Backend Developer🔷Senior C++