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 zoneless change detection āđāļŠāļ”āļ‡ signals āđāļĨāļ°āļāļēāļĢāđ€āļžāļīāđˆāļĄāļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļž

Angular 19 Zoneless: āļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļžāđāļĨāļ° Change Detection āđ‚āļ”āļĒāđ„āļĄāđˆāļ•āđ‰āļ­āļ‡āđƒāļŠāđ‰ Zone.js

Angular zoneless change detection āļĨāļš Zone.js āļ­āļ­āļāđ€āļžāļ·āđˆāļ­āđƒāļŦāđ‰āđ„āļ”āđ‰ bundle āļ—āļĩāđˆāđ€āļĨāđ‡āļāļĨāļ‡ rendering āļ—āļĩāđˆāđ€āļĢāđ‡āļ§āļ‚āļķāđ‰āļ™ āđāļĨāļ° reactivity āļ—āļĩāđˆāļŠāļąāļ”āđ€āļˆāļ™āļœāđˆāļēāļ™ signals āļ„āļđāđˆāļĄāļ·āļ­āđ€āļŠāļīāļ‡āļĨāļķāļāđ€āļāļĩāđˆāļĒāļ§āļāļąāļšāļāļēāļĢāļĒāđ‰āļēāļĒāļˆāļēāļ Zone.js āđ„āļ›āļĒāļąāļ‡ zoneless Angular āļ•āļąāđ‰āļ‡āđāļ•āđˆ API experimental āđƒāļ™ Angular 19 āļˆāļ™āļ–āļķāļ‡ API stable āđƒāļ™ Angular 20+

Angular Standalone Components Migration Guide 2026

Angular Standalone Components: āļ„āļđāđˆāļĄāļ·āļ­āļāļēāļĢāļĒāđ‰āļēāļĒāļĢāļ°āļšāļšāđāļĨāļ°āđāļ™āļ§āļ—āļēāļ‡āļ›āļāļīāļšāļąāļ•āļīāļ—āļĩāđˆāļ”āļĩāļ—āļĩāđˆāļŠāļļāļ”āđƒāļ™āļ›āļĩ 2026

āļ„āļđāđˆāļĄāļ·āļ­āļāļēāļĢāļĒāđ‰āļēāļĒāļĢāļ°āļšāļš Angular standalone components āļ­āļĒāđˆāļēāļ‡āļĨāļ°āđ€āļ­āļĩāļĒāļ” āļ‚āļąāđ‰āļ™āļ•āļ­āļ™āļāļēāļĢāļĨāļš NgModules āđ€āļ›āļīāļ”āđƒāļŠāđ‰āļ‡āļēāļ™ lazy loading āđāļĨāļ°āļ™āļģ standalone API āļĄāļēāđƒāļŠāđ‰āđƒāļ™ Angular 21

āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ Angular 19: Signals, SSR āđāļĨāļ° incremental hydration

āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ Angular 19: Signals, SSR āđāļĨāļ°āđāļ™āļ§āļ„āļīāļ”āļŠāļģāļ„āļąāļāļ—āļĩāđˆāļ•āđ‰āļ­āļ‡āļĢāļđāđ‰

āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ Angular 19 āļ—āļĩāđˆāļžāļšāļšāđˆāļ­āļĒāļ—āļĩāđˆāļŠāļļāļ”: Signals, incremental hydration, zoneless change detection āđāļĨāļ° API āđāļšāļš reactive āđƒāļŦāļĄāđˆāļžāļĢāđ‰āļ­āļĄāļ•āļąāļ§āļ­āļĒāđˆāļēāļ‡āđ‚āļ„āđ‰āļ”āđāļĨāļ°āļ„āļģāļ•āļ­āļšāļ—āļĩāđˆāļ„āļēāļ”āļŦāļ§āļąāļ‡

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