Комплексний frontend-фреймворк, розроблений Google, з TypeScript як основною мовою. Модульна архітектура на основі компонентів, нативний Dependency Injection, RxJS для реактивного програмування та надійний CLI для побудови масштабованих та підтримуваних вебдодатків.
Суворий TypeScript з декораторами та розширеними типами (@Component, @Injectable)
Модульна архітектура з NgModule та lazy loading
Ієрархічний Dependency Injection з провайдерами та scope
RxJS для реактивного програмування (Observable, Operator, Subject)
Потужний синтаксис шаблонів (data binding, директиви, pipe)
Надійні форми (Template-driven та Reactive Forms з валідацією)
Розширений Router з guard, resolver, lazy loading та preloading
HttpClient з interceptor, кешуванням та обробкою помилок
Signal для реактивного керування станом (Angular 16+)
Комплексне тестування (Jasmine, Karma, TestBed, mock, E2E з Cypress)
Найважливіші концепції для розуміння цієї технології та проходження співбесід
TypeScript: декоратори, розширені типи, інтерфейси, generic
Компоненти: шаблони, стилі, lifecycle hook, ViewChild, ContentChild
Data binding: інтерполяція, property binding, event binding, two-way binding
Директиви: структурні (*ngIf, *ngFor, *ngSwitch), атрибутні (ngClass, ngStyle), кастомні
Pipe: вбудовані (date, async, json), кастомні pipe, pure vs impure
Сервіси та Dependency Injection: провайдери, ієрархічний DI, injection token
RxJS: Observable, Operator (map, filter, switchMap, mergeMap), Subject, unsubscribe
Форми: Template-driven vs Reactive, FormControl, FormGroup, validator, async validator
Маршрутизація: маршрути, RouterLink, RouterOutlet, guard (CanActivate, CanDeactivate), resolver
HttpClient: GET/POST/PUT/DELETE, interceptor, обробка помилок, логіка повторення
Change Detection: стратегії (Default, OnPush), zone, ручний виклик
NgModule: import, export, declaration, provider, lazy loading
Signal: signal(), computed(), effect(), реактивний стан (Angular 16+)
Керування станом: сервіси з BehaviorSubject, NgRx (Store, Effects, Selector)
Тестування: модульні тести (Jasmine, TestBed), тести компонентів, mock сервісів, E2E
Продуктивність: OnPush, trackBy, lazy loading, стратегії preloading, оптимізація bundle
Angular CLI, конфігурація build, розгортання, SSR з Angular Universal
Відкрий наші найновіші статті та посібники про Angular
Повний посібник з Angular zoneless change detection: видалення Zone.js, перехід на сигнали, налаштування provideZonelessChangeDetection, оптимізація SSR, міграція існуючих застосунків та підготовка до технічних співбесід з Angular.
Повний посібник з міграції Angular-додатків з NgModules на standalone-компоненти. Охоплює офіційний 3-кроковий процес CLI, lazy loading, маршрутизацію та найкращі практики для Angular 21.
Найпоширеніші питання співбесіди з Angular 19: Signals, інкрементальна гідратація, zoneless change detection і нові реактивні API з прикладами коду та очікуваними відповідями.