Питання на співбесіді з Angular (Junior) з відповідями
75 запитань для співбесіди з теми Angular (Junior) - з правильними відповідями, поясненнями й посиланнями на документацію.
Пройти цей тест- 1.Що таке Angular?
- 2.Яка команда створює новий проєкт Angular?
- 3.Що описує декоратор
@Component? - 4.Що означає
standaloneдля компонента Angular? - 5.Як запускається standalone-застосунок Angular?
- 6.Що робить
ViewEncapsulation.Emulated(за замовчуванням) зі стилями компонента? - 7.Що означає
:hostу стилях компонента? - 8.Якою мовою пишуть застосунки Angular?
- 9.Що робить
{{ user.name }}у шаблоні? - 10.Чим відрізняються
src="{{ url }}"і[src]="url"? - 11.Як обробити клік по кнопці?
- 12.Що робить
(keyup.enter)="submit()"? - 13.Що таке синтаксис «банан у коробці»
[(ngModel)]="name"? - 14.Як перемикати CSS-клас залежно від умови?
- 15.Що таке змінна-посилання шаблону
#nameInput? - 16.Чому вирази в шаблоні мають бути простими й без побічних ефектів?
- 17.Яка можливість робить
{{ user?.address?.city }}безпечним, колиuserдорівнюєnull? - 18.Як умовно відрендерити блок у сучасних шаблонах Angular?
- 19.Що обов'язкове в блоці
@for? - 20.Що робить блок
@empty? - 21.Який блок вибирає один із кількох шаблонів за значенням?
- 22.Що таке пайпи в шаблонах Angular?
- 23.Що робить пайп
async? - 24.Як створити власний пайп?
- 25.Як дочірній компонент отримує дані від батька?
- 26.Як дочірній компонент повідомляє батька про подію?
- 27.Чому дочірній компонент не може змінити значення сигналу, створеного
input()? - 28.Для чого потрібен
<ng-content />? - 29.Що таке сервіс в Angular?
- 30.Як отримати екземпляр сервісу в компоненті?
- 31.Де можна викликати
inject()? - 32.Що означає
providedIn: 'root'? - 33.Чим впровадження залежностей корисне для тестування?
- 34.Для чого зазвичай використовують
ngOnInit? - 35.Коли викликається
ngOnDestroy? - 36.Коли спрацьовує
ngOnChanges? - 37.Що таке сигнал в Angular?
- 38.Для чого потрібен
computed()? - 39.Чому так мутувати масив у сигналі - помилка?
- 40.Що робить
effect()? - 41.Як налаштовуються маршрути в застосунку Angular?
- 42.Де роутер рендерить знайдений компонент?
- 43.Як зробити посилання для навігації без повного перезавантаження сторінки?
- 44.Як перейти на іншу сторінку з коду, наприклад після збереження форми?
- 45.Які два класичні підходи до форм є в Angular?
- 46.Як пов'язати реактивну форму з шаблоном?
- 47.Як показати помилку валідації лише після того, як користувач торкнувся поля?
- 48.Як зробити HTTP-запит GET в Angular?
- 49.Що таке Observable (RxJS)?
- 50.Що робить
pipe(map(...), filter(...))в Observable? - 51.Яка команда запускає локальний сервер розробки?
- 52.Що робить
ng generate component user-card? - 53.Як оголосити input, який батько зобов'язаний передати?
- 54.Що
<ng-container>рендерить у DOM? - 55.Які змінні доступні всередині блоку
@for? - 56.Як задати інлайн-стиль з одиницею вимірювання, наприклад ширину в пікселях?
- 57.Як підсвітити пункт меню для поточного маршруту?
- 58.Як показати компонент «Сторінку не знайдено» для невідомих URL?
- 59.Як прочитати параметр
:idпоточного маршруту в компоненті? - 60.Як задати заголовок вкладки браузера для маршруту?
- 61.Чому
this.http.get('/api/users')не надсилає жодного запиту? - 62.Що треба зареєструвати, щоб впроваджувати
HttpClientу standalone-застосунку? - 63.Як відформатувати дату в шаблоні?
- 64.Для чого в шаблоні використовується
@let? - 65.Де зберігати різні URL API для збірок розробки й продакшену?
- 66.Як надіслати значення з компонента, оголошеного через
output()? - 67.Чому в шаблоні треба писати
user(), а неuser, якщоuser- сигнал? - 68.Як оновити сигнал на основі його поточного значення?
- 69.Що робить
[disabled]="form.invalid"на кнопці надсилання? - 70.Які валідатори роблять поле обов'язковим і перевіряють формат email?
- 71.Що за замовчуванням створює
ng buildу новому проєкті? - 72.Який файл є точкою входу, що запускає standalone-застосунок Angular?
- 73.Що робить
RouterLinkз масивом? - 74.Як показати кнопку лише адміністраторам, а решті - напис?
- 75.Чим корисний строгий режим TypeScript в Angular-проєкті?