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

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

Junior · без опыта / до 1 года

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

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

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

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

6 вопросов уровня Junior с ответами

1

Что такое внедрение зависимостей в Angular и зачем оно?

Ответ

Вы объявляете, что нужно классу, в его конструкторе, и Angular это подаёт, вместо того чтобы класс сам конструировал свои зависимости. Существует ради того, чтобы одному и тому же компоненту можно было дать настоящий сервис в приложении и подставной в тесте, не меняя его код. providedIn: 'root' делает сервис синглтоном на всё приложение.

2

Чем компонент отличается от директивы и от пайпа?

Ответ

Компонент — это директива с шаблоном, он что-то рисует. Директива меняет поведение или вид существующего элемента, своего шаблона не имея. Пайп преобразует значение для показа. Добавляете разметку — компонент, украшаете существующую — директива.

3

Что такое Observable и чем он отличается от Promise?

Ответ

Promise разрешается один раз. Observable — поток, который может испустить много значений, отменяется отпиской и не делает ничего, пока на него не подписались. Именно эту ленивость упускают: HTTP-вызов без подписки не произойдёт, поэтому метод сервиса, вернувший Observable, запроса ещё не сделал.

4

Когда обязательно отписываться, а когда нет?

Ответ

Обязательно, когда поток не завершается сам: valueChanges, событие роутера, интервал — иначе подписка переживёт компонент и удержит его в памяти. Не обязательно для HttpClient, который завершается после одного значения. Пайп async отписывается за вас, поэтому он и предпочтителен.

5

Чем шаблонная форма отличается от реактивной?

Ответ

Шаблонная держит модель в шаблоне через ngModel и годится маленькой форме. Реактивная строит дерево контролов в классе, отчего валидация, динамические поля и тестирование становятся простыми: форма — объект, который можно рассмотреть. Всё, где есть условные поля или правила между полями, хочет реактивную.

6

Что делает модуль и что изменилось со standalone-компонентами?

Ответ

NgModule группировал объявления, импорты и провайдеры. Standalone-компоненты объявляют свои импорты сами и убирают слой модуля в большинстве случаев: вы импортируете то, чем компонент пользуется, рядом с ним. Новый код стоит писать standalone; NgModule остались, потому что существуют большие кодовые базы.

🦎

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

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

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

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

Middle Angular FrontendSenior Angular FrontendВсе вопросы Angular Frontend

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

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