Співбесіда Angular охоплює впровадження залежностей, RxJS, change detection і TypeScript — фреймворк суворий, тому питання перевіряють, чи розумієте ви його механіку. Нижче — найчастіші з еталонними відповідями. Junior: базова теорія, визначення та прості практичні кейси.
Ви оголошуєте, що потрібно класу, в його конструкторі, і Angular це подає, замість того щоб клас сам конструював свої залежності. Існує заради того, щоб одному й тому самому компоненту можна було дати справжній сервіс у застосунку і підставний у тесті, не змінюючи його код. providedIn: 'root' робить сервіс синглтоном на весь застосунок.
Компонент — це директива з шаблоном, він щось малює. Директива змінює поведінку або вигляд наявного елемента, свого шаблону не маючи. Пайп перетворює значення для показу. Додаєте розмітку — компонент, прикрашаєте наявну — директива.
Promise розвʼязується один раз. Observable — потік, який може випустити багато значень, скасовується відпискою і не робить нічого, доки на нього не підписалися. Саме цю лінивість упускають: HTTP-виклик без підписки не станеться, тому метод сервісу, що повернув Observable, запиту ще не зробив.
Обовʼязково, коли потік не завершується сам: valueChanges, подія роутера, інтервал — інакше підписка переживе компонент і втримає його в памʼяті. Не обовʼязково для HttpClient, який завершується після одного значення. Пайп async відписується за вас, тому він і кращий.
Шаблонна тримає модель у шаблоні через ngModel і годиться малій формі. Реактивна будує дерево контролів у класі, від чого валідація, динамічні поля і тестування стають простими: форма — обʼєкт, який можна розглянути. Усе, де є умовні поля чи правила між полями, хоче реактивну.
NgModule групував оголошення, імпорти й провайдери. Standalone-компоненти оголошують свої імпорти самі й прибирають шар модуля в більшості випадків: ви імпортуєте те, чим компонент користується, поруч із ним. Новий код варто писати standalone; NgModule лишилися, бо існують великі кодові бази.
На співбесіді ти говориш вголос під тиском. Кем поставить ті самі питання, оцінить кожну відповідь і покаже, що саме підтягнути.
Пройти інтерв'ю Junior Angular Frontend →