Angular-interview-questions-RU

KO | EN

gitlite — search

#react #ai #go #golang #android #machine-learning #deep-learning #linux #java #cli #awesome-list #security #pytorch #ios

Angular-interview-questions-RU

(★ 53)

Ответы на вопросы на собеседовании по Angular на русском. Основы Angular.

Angular-interview-questions-RU Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Вопросы с ответами для собеседования по Angular. Основы Angular.

## Содержание

<details>
	<summary>Вопросы по анимации</summary>
	1. <a href="answers/animations.md#transition">Как определяется переход между двумя состояниями в Angular?</a> 
	2. <a href="answers/animations.md#wildcard">Что такое состояние wildcard?</a> 
	3. <a href="answers/animations.md#trigger">Что такое триггер анимации?</a>
</details>
<details>
	<summary>Вопросы по архитектуре</summary>
	1. <a href="answers/architecture.md#ngrx-store">Приведите хороший пример когда нужно использовать ngrx/store?</a> 
	2. <a href="answers/architecture.md#race-condition">Что такое "race condition" и какие баги могут быть связаны с этим? Как с ними справиться?</a> 
	3. <a href="answers/architecture.md#smart-dumb">Разница между умным и презентационным компонентом? Приведите пример использования? Назовите преимущества?</a> 
	4. <a href="answers/architecture.md#shared">Что такое Shared модуль?</a> 
	5. <a href="answers/architecture.md#signals-vs-ngrx">Когда стоит строить архитектуру состояния приложения на Angular Signals, а когда лучше использовать NgRx/RxJS?</a> 
	6. <a href="answers/architecture.md#signals-architecture">Как спроектировать слои приложения при использовании Signals для состояния?</a> 
	7. <a href="answers/architecture.md#signals-migration">Как мигрировать существующее приложение с @Input/@Output и RxJS к Signals, не переписывая всё сразу?</a> 
	8. <a href="answers/architecture.md#signals-antipatterns">Какие анти‑паттерны при использовании Signals вы бы выделили?</a>
</details>

<details>
	<summary>Вопросы по API</summary>
	1. <a href="answers/API.md#renderer">Почему для доступа к элементам и манипуляции с ними лучше использовать renderer методы (а не доступ через нативный JS)?</a> 
	2. <a href="answers/API.md#size">Как изменить размер элемента при изменении ширины окна?</a> 
	3. <a href="answers/API.md#ngzone-service">Можете привести хороший пример использования NgZone сервиса?</a> 
	4. <a href="answers/API.md#component-protection">Как защитить компонент от активации через роутер?</a> 
	5. <a href="answers/API.md#difference">В чем разница между @ViewChild() и @ContentChild()?</a> 
	6. <a href="answers/API.md#di">Что такое Dependency Injection?</a> 
	7. <a href="answers/API.md#constr-ngOnInit">В чем разница между constructor и ngOnInit?</a> 
	8. <a href="answers/API.md#service-worker">Что такое service-worker и его роль в Angular?</a> 
	9. <a href="answers/API.md#zonejs">Что такое зона в zone.js?</a> 
	10. <a href="answers/API.md#signals-intro">Что такое Angular Signals и какие основные типы сигналов существуют?</a> 
	11. <a href="answers/API.md#signals-input-output">Как использовать signals в компоненте вместо @Input / @Output?</a> 
	12. <a href="answers/API.md#signals-template">Как сигналы используются в шаблоне и чем их чтение отличается от Observable?</a> 
	13. <a href="answers/API.md#signals-vs-observables">В чем разница между сигналами и Observable с точки зрения change detection и производительности?</a>
</details>

<details>
	<summary>Вопросы по шаблонам (template)</summary>
	1. <a href="answers/template.md#add-class">Как при клике добавить класс "active" выбранному элементу списка?</a> 
	2. <a href="answers/template.md#template-var">Что такое template variable? Как ее использовать?</a> 
	3. <a href="answers/template.md#mult-async">Что случится если подписаться на поток данных несколько раз через async pipe?</a> 
	4. <a href="answers/template.md#ng-diff">В чем различия ng-content, ng-container и ng-template?</a> 
	5. <a href="answers/template.md#data-bind">Когда мы байндим данные в шаблоне, мы работаем с атрибутами или с свойствами (property)?</a> 
	6. <a href="answers/template.md#brackets-omit">Когда можно не использовать скобки при байндинге в шаблоне?</a> 
	7. <a href="answers/template.md#new-if-syntax">Как работает new if syntax?</a>

</details>

<details>
	<summary>Вопросы по компонентам</summary>
	1. <a href="answers/components.md#definition">Какие минимальные требования к компоненту?</a> 
	2. <a href="answers/components.md#difference">В чем разница между компонентом и директивой?</a> 
	3. <a href="answers/components.md#communication">Как происходит взаимодействие компонентов?</a> 
	4. <a href="answers/components.md#two-way">Как сделать двухстороннее связывание данных?</a> 
	5. <a href="answers/components.md#errors">Как бы вы сделали компонент для показа сообщений об ошибках?</a> 
	6. <a href="answers/components.md#hooks">Что такое Lifecycle Hooks?</a> 
	7. <a href="answers/components.md#encapsulation">Что такое View Encapsulation?</a> 
	8. <a href="answers/components.md#dynamic-components">Что такое динамические компоненты?</a>
	9. <a href="answers/components.md#standalone">Что такое standalone компоненты?</a>
</details>

<details>
	<summary>Вопросы по взаимодействию компонентов и state management</summary>
	1. <a href="answers/interactions-and-state.md#parent-child">Как передать данные из родительского компонента в дочерний?</a> 
	2. <a href="answers/interactions-and-state.md#child-parent">Как передать данные из дочернего компонента в родительский?</a> 
	3. <a href="answers/interactions-and-state.md#event-emit">Какие компоненты будут оповещены о том, что был emit события?</a> 
	4. <a href="answers/interactions-and-state.md#cached-data">Как кэшировать данные в Angular?</a>

</details>

<details>
	<summary>Вопросы по формам</summary>
	1. <a href="answers/forms.md#when-to-use">Когда нужно использовать стандартные (template driven), а когда реактивные (reactive) формы?</a> 
	2. <a href="answers/forms.md#submit">Как отправить форму?</a> 
	3. <a href="answers/forms.md#difference">В чем разница между NgForm, FormGroup, и FormControl?</a> 
	4. <a href="answers/forms.md#form-builder">В чем преимущество использования FormBuilder?</a> 
	5. <a href="answers/forms.md#validation">Как добавить валидацию к форме, сделанной с помощью FormBuilder?</a> 
	6. <a href="answers/forms.md#dirty-touched-pristine">В чем разница между состояниями dirty, touched и pristine?</a> 
	7. <a href="answers/forms.md#validation-errors">Как получит доступ к ошибкам валидации, чтобы показать их в шаблоне?</a> 
</details>

<details>
	<summary>Вопросы по ngModule</summary>
	1. <a href="answers/ngModule.md#what-is">Зачем нужен NgModule?</a> 
	2. <a href="answers/ngModule.md#when-to-create">Когда нужно создавать новый NgModule?</a> 
	3. <a href="answers/ngModule.md#for-root-for-child">В чем разница между методами forRoot() and forChild() и зачем они нужны?</a> 
	4. <a href="answers/ngModule.md#provideIn">Как используется свойство providedIn?</a> 
	5. <a href="answers/ngModule.md#shared-module">Что бы вы поместили в shared модуль?</a> 
	6. <a href="answers/ngModule.md#not-shared-module">Что бы вы не поместили в shared модуль?</a> 
	7. <a href="answers/ngModule.md#where-to-put">В какой модуль вы бы поместили сервис которые используется по всему приложению?</a> 
	8. <a href="answers/ngModule.md#exports">Зачем нужны exports в NgModule?</a> 
	9. <a href="answers/ngModule.md#why-is-it-bad">Почему не стоит импортировать сервис из SharedModule в lazy loaded модуль?</a>
</details>

<details>
	<summary>Вопросы по RxJs</summary>
	1. <a href="answers/RxJs.md#observable-promise">В чем разница между observable и promise?</a> 
	2. <a href="answers/RxJs.md#observable-subject">В чем разница между observable и subject?</a> 
	3. <a href="answers/RxJs.md#how-to-cache">Как кэшировать данные из observable?</a> 
	4. <a href="answers/RxJs.md#order-api-calls">Как с помощью rxjs реализовать несколько запросов к api, которые должны идти друг за другом?</a> 
	5. <a href="answers/RxJs.md#switchMap-concatMap-mergeMap">В чем разница между switchMap, concatMap и mergeMap?</a> 
	6. <a href="answers/RxJs.md#scan-reduce">В чем разница между scan() и reduce()?</a> 
	7. <a href="answers/RxJs.md#subject">Что такое Subject?</a> 
	8. <a href="answers/RxJs.md#behavior-reply-async">В чем разница между BehaviorSubject, ReplySubject и AsyncSubject?</a> 
	9. <a href="answers/RxJs.md#higher-order">Что такое Observable высшего порядка (Higher-Order)?</a> 
	10. <a href="answers/RxJs.md#of-from">В чем разница между of и from?</a> 
	11. <a href="answers/RxJs.md#multicasting">Что такое multicasting?</a> 
	12. <a href="answers/RxJs.md#stream">Что такое поток (stream) в RxJS?</a> 
	13. <a href="answers/RxJs.md#fork-join-combine-latest">В чем разница между операторами combineLatest и forkJoin?</a> 
	14. <a href="answers/RxJs.md#error-handling">Как обрабатывать ошибки в RxJS?</a> 
	15. <a href="answers/RxJs.md#zip">Как использовать оператор zip?</a> 
</details>

<details>
	<summary>Вопросы по производительности</summary>
	1. <a href="answers/performance.md#tools-to-improve">Что можно сделать, чтобы улучшить производительность приложения?</a> 
	2. <a href="answers/performance.md#change-detection">Что такое и как работает ChangeDetection?</a> 
	3. <a href="answers/performance.md#on-push">Что такое ChangeDetectionStrategy.onPush?</a> 
	4. <a href="answers/performance.md#detach">Что такое отключение Change Detection?</a> 
	5. <a href="answers/performance.md#local">Что такое обнаружение локальных изменений (Local Change Detection)?</a> 
	6. <a href="answers/performance.md#ngzone">Что такое запуск вне Angular?</a> 
	7. <a href="answers/performance.md#track-by">Как работает trackBy для директивы *ngFor?</a> 
	8. <a href="answers/performance.md#web-worker">Что такое Web Worker-ы?</a> 
	9. <a href="answers/performance.md#lazy-load">Что такое Lazy Loading в Angular?</a> 
	10. <a href="answers/performance.md#preload">Какие бывают стратегии предварительной загрузки?</a> 
	11. <a href="answers/performance.md#zonejs">Что такое зона в zone.js?</a>

</details>

<details>
	<summary>Вопросы по пайпам</summary>
	1. <a href="answers/pipes.md#pipe">Что такое пайп в Angular?</a> 
	2. <a href="answers/pipes.md#async-pipe">Что такое пайп async?</a> 
	3. <a href="answers/pipes.md#kind-of-data-async">Какие данные могут быть использованы с async pipe?</a> 
	4. <a href="answers/pipes.md#how-to-create">Как сделать кастомный пайп?</a> 
	5. <a href="answers/pipes.md#how-pipe-prevent-leeks">Как async pipe предотвращает утечку памяти?</a> 
	6. <a href="answers/pipes.md#pure-impure">В чем разница между чистыми и нечистыми пайпами?</a>
</details>

<details>
	<summary>Вопросы по роутеру</summary>
	1. <a href="answers/router.md#for-root-for-child">В чем разница между RouterModule.forRoot() и RouterModule.forChild()?</a> 
	2. <a href="answers/router.md#loadChildren">Как работает loadChildren?</a> 
	3. <a href="answers/router.md#when-to-use-routing-module">Нужен ли отдельный Routing Module?</a> 
	4. <a href="answers/router.md#when-lazy-loaded-is-loaded">В какой момент загружается lazy loaded module?</a> 
	5. <a href="answers/router.md#activate-route-router-state">В чем разница между ActivatedRoute и RouterState?</a> 
	6. <a href="answers/router.md#route-guards">Зачем нужны гарды роутов?</a> 
	7. <a href="answers/router.md#router-outlet">Что такое RouterOutlet?</a> 
	8. <a href="answers/router.md#canActivateEtc">Что такое CanActivate, CanActivateChild, CanDeactivate и CanLoad?</a>
</details>

<details>
	<summary>Вопросы по сервисам</summary>
	1. <a href="answers/service.md#use-case">Зачем нужны сервисы?</a> 
	2. <a href="answers/service.md#injected">Как сервисы внедряются в приложение?</a> 
	3. <a href="answers/service.md#singleton">Что такое Singleton Service?</a> 	
	4. <a href="answers/service.md#service-lifecycle">Какой жизненный цикл у сервиса в Angular?</a> 
	5. <a href="answers/service.md#providers">Как зарегистрировать сервис в providers?</a> 
	6. <a href="answers/service.md#use-in-component">Как использовать сервис в компоненте?</a>
</details>

<details>
	<summary>Вопросы по структурным директивам</summary>
	1. <a href="answers/directives.md#what-is">Что такое структурная директива?</a> 
	2. <a href="answers/directives.md#html">Как идентифицировать структурную директиву в шаблоне?</a> 
	3. <a href="answers/directives.md#directives-on-same-element">Можно ли использовать ngFor и ngIf на одном и том же элементе?</a>
</details>

<details>
	<summary>Вопросы по стилям</summary>
	1. <a href="answers/styles.md#select-custom-element">Как стилизовать кастомный компонент?</a> 
	2. <a href="answers/styles.md#targets-host">Какой псевдокласс нужно использовать, чтобы стилизовать элемент, в котором находится компонент?</a> 
	3. <a href="answers/styles.md#all-child">Как выбрать все дочерние компоненты элемента?</a> 
	4. <a href="answers/styles.md#select-class-any-ancestor">Как выбрать класс в любом родителе компонента (вплоть до корневого элемента)?</a> 
</details>

<details>
	<summary>Вопросы по написанию кода (style guide)</summary>
	1. <a href="answers/style-guide.md#suggestions">Какие вы знаете Angular Style Guide рекомендации?</a> 
	2. <a href="answers/style-guide.md#importance">Почему важно следовать style guide?</a>
</details>

<details>
	<summary>Вопросы по тестам</summary>
	1. <a href="answers/tests.md#tests">Какие бывают виды тестирования?</a> 
	2. <a href="answers/tests.md#coverage">Что такое code coverage?</a> 
	3. <a href="answers/spy">Что такое spy object? </a>
</details>

<details>
	<summary>Вопросы по TypeScript</summary>
	1. <a href="answers/typescript.md#custom-type">Как объявить кастомный тип?</a> 
	2. <a href="answers/typescript.md#interface-class">В чем разница между Interface и Class?</a> 
	3. <a href="answers/typescript.md#discriminated">Что такое Discriminated union?</a> 
	4. <a href="answers/typescript.md#generics">Что такое дженерики в TypeScript?</a> 
	5. <a href="answers/typescript.md#decorators">Что такое декораторы в TypeScript?</a> 
</details>

Angular-interview-questions-RU

Angular-interview-questions-RU Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Angular-interview-questions-RU

Angular-interview-questions-RU Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README