Angular

Angular

FRONTEND

āđ€āļŸāļĢāļĄāđ€āļ§āļīāļĢāđŒāļāļŸāļĢāļ­āļ™āļ—āđŒāđ€āļ­āļ™āļ”āđŒāļ—āļĩāđˆāļ„āļĢāļ­āļšāļ„āļĨāļļāļĄāļžāļąāļ’āļ™āļēāđ‚āļ”āļĒ Google āļ”āđ‰āļ§āļĒ TypeScript āđ€āļ›āđ‡āļ™āļ āļēāļĐāļēāļŦāļĨāļąāļ āļŠāļ–āļēāļ›āļąāļ•āļĒāļāļĢāļĢāļĄāđāļšāļšāđ‚āļĄāļ”āļđāļĨāļ—āļĩāđˆāļ­āļīāļ‡āļˆāļēāļ component, Dependency Injection āđāļšāļš native, RxJS āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāđ€āļ‚āļĩāļĒāļ™āđ‚āļ›āļĢāđāļāļĢāļĄāđāļšāļš reactive āđāļĨāļ° CLI āļ—āļĩāđˆāđāļ‚āđ‡āļ‡āđāļāļĢāđˆāļ‡āđ€āļžāļ·āđˆāļ­āļŠāļĢāđ‰āļēāļ‡āđ€āļ§āđ‡āļšāđāļ­āļ›āļžāļĨāļīāđ€āļ„āļŠāļąāļ™āļ—āļĩāđˆāļ›āļĢāļąāļšāļ‚āļ™āļēāļ”āđāļĨāļ°āļ”āļđāđāļĨāļĢāļąāļāļĐāļēāđ„āļ”āđ‰

āļŠāļīāđˆāļ‡āļ—āļĩāđˆāļ„āļļāļ“āļˆāļ°āđ„āļ”āđ‰āđ€āļĢāļĩāļĒāļ™āļĢāļđāđ‰

TypeScript āđ€āļ‚āđ‰āļĄāļ‡āļ§āļ”āļžāļĢāđ‰āļ­āļĄ decorator āđāļĨāļ°āļ›āļĢāļ°āđ€āļ āļ—āļ‚āļąāđ‰āļ™āļŠāļđāļ‡ (@Component, @Injectable)

āļŠāļ–āļēāļ›āļąāļ•āļĒāļāļĢāļĢāļĄāđāļšāļšāđ‚āļĄāļ”āļđāļĨāļ”āđ‰āļ§āļĒ NgModule āđāļĨāļ° lazy loading

Dependency Injection āđāļšāļšāļĨāļģāļ”āļąāļšāļŠāļąāđ‰āļ™āļžāļĢāđ‰āļ­āļĄ provider āđāļĨāļ° scope

RxJS āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāđ€āļ‚āļĩāļĒāļ™āđ‚āļ›āļĢāđāļāļĢāļĄāđāļšāļš reactive (Observable, Operator, Subject)

āđ„āļ§āļĒāļēāļāļĢāļ“āđŒ template āļ—āļĩāđˆāļ—āļĢāļ‡āļžāļĨāļąāļ‡ (data binding, directive, pipe)

āļŸāļ­āļĢāđŒāļĄāļ—āļĩāđˆāđāļ‚āđ‡āļ‡āđāļāļĢāđˆāļ‡ (Template-driven āđāļĨāļ° Reactive Forms āļžāļĢāđ‰āļ­āļĄāļāļēāļĢāļ•āļĢāļ§āļˆāļŠāļ­āļš)

Router āļ‚āļąāđ‰āļ™āļŠāļđāļ‡āļžāļĢāđ‰āļ­āļĄ guard, resolver, lazy loading āđāļĨāļ° preloading

HttpClient āļžāļĢāđ‰āļ­āļĄ interceptor, cache āđāļĨāļ°āļāļēāļĢāļˆāļąāļ”āļāļēāļĢāļ‚āđ‰āļ­āļœāļīāļ”āļžāļĨāļēāļ”

Signal āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļˆāļąāļ”āļāļēāļĢāļŠāļ–āļēāļ™āļ°āđāļšāļš reactive (Angular 16+)

āļāļēāļĢāļ—āļ”āļŠāļ­āļšāļ­āļĒāđˆāļēāļ‡āļ„āļĢāļ­āļšāļ„āļĨāļļāļĄ (Jasmine, Karma, TestBed, mock, E2E āļ”āđ‰āļ§āļĒ Cypress)

āļŦāļąāļ§āļ‚āđ‰āļ­āļŠāļģāļ„āļąāļāļ—āļĩāđˆāļ•āđ‰āļ­āļ‡āđ€āļŠāļĩāđˆāļĒāļ§āļŠāļēāļ

āđāļ™āļ§āļ„āļīāļ”āļ—āļĩāđˆāļŠāļģāļ„āļąāļāļ—āļĩāđˆāļŠāļļāļ”āđ€āļžāļ·āđˆāļ­āđ€āļ‚āđ‰āļēāđƒāļˆāđ€āļ—āļ„āđ‚āļ™āđ‚āļĨāļĒāļĩāļ™āļĩāđ‰āđāļĨāļ°āļ›āļĢāļ°āļŠāļšāļ„āļ§āļēāļĄāļŠāļģāđ€āļĢāđ‡āļˆāđƒāļ™āļāļēāļĢāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

1

TypeScript: decorator, āļ›āļĢāļ°āđ€āļ āļ—āļ‚āļąāđ‰āļ™āļŠāļđāļ‡, interface, generic

2

Component: template, style, lifecycle hook, ViewChild, ContentChild

3

Data binding: interpolation, property binding, event binding, two-way binding

4

Directive: structural (*ngIf, *ngFor, *ngSwitch), attribute (ngClass, ngStyle), āđāļšāļšāļāļģāļŦāļ™āļ”āđ€āļ­āļ‡

5

Pipe: āđƒāļ™āļ•āļąāļ§ (date, async, json), pipe āđāļšāļšāļāļģāļŦāļ™āļ”āđ€āļ­āļ‡, pure vs impure

6

Service āđāļĨāļ° Dependency Injection: provider, DI āđāļšāļšāļĨāļģāļ”āļąāļšāļŠāļąāđ‰āļ™, injection token

7

RxJS: Observable, Operator (map, filter, switchMap, mergeMap), Subject, unsubscribe

8

āļŸāļ­āļĢāđŒāļĄ: Template-driven vs Reactive, FormControl, FormGroup, validator, async validator

9

āļāļēāļĢāļāļģāļŦāļ™āļ”āđ€āļŠāđ‰āļ™āļ—āļēāļ‡: route, RouterLink, RouterOutlet, guard (CanActivate, CanDeactivate), resolver

10

HttpClient: GET/POST/PUT/DELETE, interceptor, āļāļēāļĢāļˆāļąāļ”āļāļēāļĢāļ‚āđ‰āļ­āļœāļīāļ”āļžāļĨāļēāļ”, āļ•āļĢāļĢāļāļ°āļāļēāļĢāļĨāļ­āļ‡āđƒāļŦāļĄāđˆ

11

Change Detection: āļāļĨāļĒāļļāļ—āļ˜āđŒ (Default, OnPush), zone, āļāļēāļĢāđ€āļĢāļĩāļĒāļāđƒāļŠāđ‰āļ”āđ‰āļ§āļĒāļ•āļ™āđ€āļ­āļ‡

12

NgModule: import, export, declaration, provider, lazy loading

13

Signal: signal(), computed(), effect(), āļŠāļ–āļēāļ™āļ°āđāļšāļš reactive (Angular 16+)

14

āļāļēāļĢāļˆāļąāļ”āļāļēāļĢāļŠāļ–āļēāļ™āļ°: Service āļ”āđ‰āļ§āļĒ BehaviorSubject, NgRx (Store, Effects, Selector)

15

āļāļēāļĢāļ—āļ”āļŠāļ­āļš: unit test (Jasmine, TestBed), āļ—āļ”āļŠāļ­āļš component, mock service, E2E

16

āļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļž: OnPush, trackBy, lazy loading, āļāļĨāļĒāļļāļ—āļ˜āđŒ preloading, āđ€āļžāļīāđˆāļĄāļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļž bundle

17

Angular CLI, āļāļēāļĢāļ•āļąāđ‰āļ‡āļ„āđˆāļē build, āļāļēāļĢ deploy, SSR āļ”āđ‰āļ§āļĒ Angular Universal

āļŠāļēāđ€āļĨāļ™āļˆāđŒ Angular āļ§āļąāļ™āļ™āļĩāđ‰

āļ§āļąāļ™āļĨāļ°āļŦāļ™āļķāđˆāļ‡āđ‚āļ„āđ‰āļ” āļŦāļēāļšāļąāđŠāļāđƒāļŦāđ‰āđ€āļˆāļ­ āļŦāļĢāļ·āļ­āļžāļīāļŠāļđāļˆāļ™āđŒāļ§āđˆāļēāđ„āļĄāđˆāļĄāļĩāļšāļąāđŠāļ

āđ€āļĨāđˆāļ™āļ§āļąāļ™āļ™āļĩāđ‰

āļšāļ—āļ„āļ§āļēāļĄ Angular āļĨāđˆāļēāļŠāļļāļ”

āļ„āđ‰āļ™āļžāļšāļšāļ—āļ„āļ§āļēāļĄāđāļĨāļ°āļ„āļđāđˆāļĄāļ·āļ­āļĨāđˆāļēāļŠāļļāļ”āđ€āļāļĩāđˆāļĒāļ§āļāļąāļš Angular

Angular HttpClient āđāļĨāļ° Interceptor āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļˆāļąāļ”āļāļēāļĢ HTTP request

Angular HttpClient āđāļĨāļ° Interceptor āđƒāļ™āļ›āļĩ 2026: āļāļēāļĢāļˆāļąāļ”āļāļēāļĢ Request āđāļĨāļ°āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āđ€āļĢāļĩāļĒāļ™āļĢāļđāđ‰āļ§āļīāļ˜āļĩāđƒāļŠāđ‰ Angular HttpClient āđāļĨāļ° functional interceptor āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļˆāļąāļ”āļāļēāļĢ HTTP request, āļāļēāļĢāļĒāļ·āļ™āļĒāļąāļ™āļ•āļąāļ§āļ•āļ™āļ”āđ‰āļ§āļĒ token, retry logic āđāļĨāļ° caching āļžāļĢāđ‰āļ­āļĄāļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ Angular āļ—āļĩāđˆāļžāļšāļšāđˆāļ­āļĒ

Angular Forms āđƒāļ™āļ›āļĩ 2026: Reactive Forms, Validation āđāļĨāļ°āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒāđ€āļ—āļ„āļ™āļīāļ„

Angular Forms āđƒāļ™āļ›āļĩ 2026: Reactive Forms, Validation āđāļĨāļ°āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒāđ€āļ—āļ„āļ™āļīāļ„

āļ„āļđāđˆāļĄāļ·āļ­āđ€āļŠāļīāļ‡āļĨāļķāļāđ€āļāļĩāđˆāļĒāļ§āļāļąāļš Angular Reactive Forms: custom validator, async validator, FormArray āđāļšāļšāđ„āļ”āļ™āļēāļĄāļīāļ āđāļĨāļ°āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒāđ€āļ—āļ„āļ™āļīāļ„āļ—āļĩāđˆāļžāļšāļšāđˆāļ­āļĒāđƒāļ™āļ›āļĩ 2026

NgRx Signal Store vs Classic NgRx āđƒāļ™āļ›āļĩ 2026: āļ„āļ§āļĢāđ€āļĨāļ·āļ­āļāđāļšāļšāđ„āļŦāļ™?

NgRx Signal Store vs Classic NgRx āđƒāļ™āļ›āļĩ 2026: āļ„āļ§āļĢāđ€āļĨāļ·āļ­āļāđāļšāļšāđ„āļŦāļ™?

āđ€āļ›āļĢāļĩāļĒāļšāđ€āļ—āļĩāļĒāļšāđ€āļŠāļīāļ‡āļĨāļķāļāļĢāļ°āļŦāļ§āđˆāļēāļ‡ NgRx Signal Store āđāļĨāļ° Classic NgRx āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļˆāļąāļ”āļāļēāļĢ state āđƒāļ™ Angular āļ›āļĩ 2026 āđ€āļĢāļĩāļĒāļ™āļĢāļđāđ‰āļ‚āđ‰āļ­āļ”āļĩ āļ‚āđ‰āļ­āđ€āļŠāļĩāļĒ āđāļĨāļ°āđ€āļ§āļĨāļēāļ—āļĩāđˆāļ„āļ§āļĢāđƒāļŠāđ‰āđāļ•āđˆāļĨāļ°āļ§āļīāļ˜āļĩ

āļ”āļđāļšāļ—āļ„āļ§āļēāļĄ Angular āļ—āļąāđ‰āļ‡āļŦāļĄāļ”