Angular

āļ„āļ­āļĄāđ‚āļžāđ€āļ™āļ™āļ•āđŒāđāļĨāļ°āļ§āļ‡āļˆāļĢāļŠāļĩāļ§āļīāļ•

Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output

20 āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒÂ·
Junior
1

Lifecycle hook āđƒāļ™ Angular āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

āļ„āļģāļ•āļ­āļš

Lifecycle hook āļ„āļ·āļ­āđ€āļĄāļ˜āļ­āļ”āļžāļīāđ€āļĻāļĐāļ—āļĩāđˆ Angular āđ€āļĢāļĩāļĒāļāđƒāļŠāđ‰āđ‚āļ”āļĒāļ­āļąāļ•āđ‚āļ™āļĄāļąāļ•āļīāđƒāļ™āļŠāđˆāļ§āļ‡āđ€āļ§āļĨāļēāļŠāļģāļ„āļąāļāļ‚āļ­āļ‡āļ§āļ‡āļˆāļĢāļŠāļĩāļ§āļīāļ•āļ‚āļ­āļ‡ component āļŦāļĢāļ·āļ­ directive āļŪāļļāļāđ€āļŦāļĨāđˆāļēāļ™āļĩāđ‰āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āļŠāļēāļĄāļēāļĢāļ–āļĢāļąāļ™āđ‚āļ„āđ‰āļ”āđƒāļ™āļ‚āļąāđ‰āļ™āļ•āļ­āļ™āđ€āļ‰āļžāļēāļ° āđ€āļŠāđˆāļ™ āļāļēāļĢāļŠāļĢāđ‰āļēāļ‡ āļāļēāļĢāļ­āļąāļ›āđ€āļ”āļ• āļŦāļĢāļ·āļ­āļāļēāļĢāļ—āļģāļĨāļēāļĒ āļŪāļļāļāļ—āļĩāđˆāļžāļšāļšāđˆāļ­āļĒāļ—āļĩāđˆāļŠāļļāļ”āļ„āļ·āļ­ ngOnInit, ngOnChanges āđāļĨāļ° ngOnDestroy

2

ngOnInit āļ–āļđāļāđ€āļĢāļĩāļĒāļāđƒāļŠāđ‰āđ€āļĄāļ·āđˆāļ­āđƒāļ”?

āļ„āļģāļ•āļ­āļš

ngOnInit āļ–āļđāļāđ€āļĢāļĩāļĒāļāļŦāļ™āļķāđˆāļ‡āļ„āļĢāļąāđ‰āļ‡āļŦāļĨāļąāļ‡āļˆāļēāļ ngOnChanges āđāļĢāļ āđ€āļĄāļ·āđˆāļ­āļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļī @Input āļ—āļąāđ‰āļ‡āļŦāļĄāļ”āđ„āļ”āđ‰āļĢāļąāļšāļāļēāļĢāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™āđāļĨāđ‰āļ§ āđ€āļ›āđ‡āļ™āļŪāļļāļāļ—āļĩāđˆāđ€āļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™āļ‚āđ‰āļ­āļĄāļđāļĨ component āļāļēāļĢāđ€āļĢāļīāđˆāļĄ subscriptions āļŦāļĢāļ·āļ­āļāļēāļĢāđ€āļĢāļĩāļĒāļāđƒāļŠāđ‰ services āđ€āļŦāļĄāļēāļ°āļŠāļĄāļāļ§āđˆāļē constructor āļŠāļģāļŦāļĢāļąāļšāļĨāļ­āļˆāļīāļāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™āđ€āļžāļĢāļēāļ°āļĢāļąāļšāļ›āļĢāļ°āļāļąāļ™āļ§āđˆāļē bindings āļ—āļąāđ‰āļ‡āļŦāļĄāļ”āļžāļĢāđ‰āļ­āļĄāđƒāļŠāđ‰āļ‡āļēāļ™

3

āļ„āļ§āļēāļĄāđāļ•āļāļ•āđˆāļēāļ‡āļŦāļĨāļąāļāļĢāļ°āļŦāļ§āđˆāļēāļ‡ ngOnChanges āđāļĨāļ° ngOnInit āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

āļ„āļģāļ•āļ­āļš

ngOnChanges āļ–āļđāļāđ€āļĢāļĩāļĒāļāđƒāļŠāđ‰āļ—āļļāļāļ„āļĢāļąāđ‰āļ‡āļ—āļĩāđˆāļ„āđˆāļēāļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļī @Input āđ€āļ›āļĨāļĩāđˆāļĒāļ™āđāļ›āļĨāļ‡āđāļĨāļ°āļĢāļąāļšāļ§āļąāļ•āļ–āļļ SimpleChanges āļ—āļĩāđˆāļĄāļĩāļ„āđˆāļēāđ€āļāđˆāļēāđāļĨāļ°āļ„āđˆāļēāđƒāļŦāļĄāđˆ ngOnInit āļ–āļđāļāđ€āļĢāļĩāļĒāļāđ€āļžāļĩāļĒāļ‡āļ„āļĢāļąāđ‰āļ‡āđ€āļ”āļĩāļĒāļ§āļŦāļĨāļąāļ‡āļˆāļēāļāļāļēāļĢāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™āļ„āļĢāļąāđ‰āļ‡āđāļĢāļ āđƒāļŠāđ‰ ngOnChanges āđ€āļžāļ·āđˆāļ­āļ•āļ­āļšāļŠāļ™āļ­āļ‡āļ•āđˆāļ­āļāļēāļĢāđ€āļ›āļĨāļĩāđˆāļĒāļ™āđāļ›āļĨāļ‡āļ­āļīāļ™āļžāļļāļ•āđāļĨāļ°āđƒāļŠāđ‰āļĨāļ­āļˆāļīāļāļ—āļĩāđˆāļ‚āļķāđ‰āļ™āļ­āļĒāļđāđˆāļāļąāļšāļ„āđˆāļē @Input āđ€āļĨāļ·āļ­āļ ngOnInit āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™āļ„āļĢāļąāđ‰āļ‡āđ€āļ”āļĩāļĒāļ§ āđ€āļŠāđˆāļ™ āļāļēāļĢāđ€āļĢāļĩāļĒāļ API āļŦāļĢāļ·āļ­āļāļēāļĢāļāļģāļŦāļ™āļ”āļ„āđˆāļēāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™

4

āļ—āļģāđ„āļĄāļ•āđ‰āļ­āļ‡āđƒāļŠāđ‰ ngOnDestroy āđƒāļ™ component?

5

Lifecycle hooks āļ–āļđāļāđ€āļĢāļĩāļĒāļāđƒāļ™āļĨāļģāļ”āļąāļšāđƒāļ”āđ€āļĄāļ·āđˆāļ­āļŠāļĢāđ‰āļēāļ‡ component?

+17 āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āļŦāļąāļ§āļ‚āđ‰āļ­āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ Angular āļ­āļ·āđˆāļ™āđ†

āļžāļ·āđ‰āļ™āļāļēāļ™ TypeScript

Junior
25 āļ„āļģāļ–āļēāļĄ

TypeScript āļ‚āļąāđ‰āļ™āļŠāļđāļ‡

Junior
20 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ Angular

Junior
20 āļ„āļģāļ–āļēāļĄ

Services & Dependency Injection

Junior
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļˆāļąāļ”āļĢāļ°āđ€āļšāļĩāļĒāļšāđ‚āļĄāļ”āļđāļĨ Angular

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Angular CLI

Junior
18 āļ„āļģāļ–āļēāļĄ

Directives āđāļĨāļ° Pipes

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Routing āđāļĨāļ°āļāļēāļĢāļ™āļģāļ—āļēāļ‡

Mid-Level
24 āļ„āļģāļ–āļēāļĄ

Reactive Forms

Mid-Level
26 āļ„āļģāļ–āļēāļĄ

Template-driven Forms

Mid-Level
16 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ RxJS

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Operator āļ‚āļ­āļ‡ RxJS

Mid-Level
24 āļ„āļģāļ–āļēāļĄ

HttpClient āđāļĨāļ°āļāļēāļĢāđ€āļĢāļĩāļĒāļ API

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļˆāļąāļ”āļāļēāļĢ state āļžāļ·āđ‰āļ™āļāļēāļ™

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

Change Detection

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

Angular Signals

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

Standalone Components

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ—āļģ Unit Testing āđƒāļ™ Angular

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ—āļ”āļŠāļ­āļš End-to-End

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

Build āđāļĨāļ°āļāļēāļĢāđ€āļžāļīāđˆāļĄāļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļž

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ NgRx

Senior
24 āļ„āļģāļ–āļēāļĄ

NgRx āļ‚āļąāđ‰āļ™āļŠāļđāļ‡

Senior
24 āļ„āļģāļ–āļēāļĄ

āļŠāļ–āļēāļ›āļąāļ•āļĒāļāļĢāļĢāļĄ Angular

Senior
22 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ›āļĢāļąāļšāđāļ•āđˆāļ‡āļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļž

Senior
22 āļ„āļģāļ–āļēāļĄ

āļ„āļ§āļēāļĄāļ›āļĨāļ­āļ”āļ āļąāļĒāđāļĨāļ°āđāļ™āļ§āļ—āļēāļ‡āļ›āļāļīāļšāļąāļ•āļīāļ—āļĩāđˆāļ”āļĩ

Senior
20 āļ„āļģāļ–āļēāļĄ

āļĢāļđāļ›āđāļšāļš RxJS āļ‚āļąāđ‰āļ™āļŠāļđāļ‡

Senior
22 āļ„āļģāļ–āļēāļĄ

Angular Universal āđāļĨāļ° SSR

Senior
20 āļ„āļģāļ–āļēāļĄ

Angular Micro-frontends

Senior
20 āļ„āļģāļ–āļēāļĄ

āđ€āļŠāļĩāđˆāļĒāļ§āļŠāļēāļ Angular āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļŠāļąāļĄāļ āļēāļĐāļ“āđŒāļ„āļĢāļąāđ‰āļ‡āļ–āļąāļ”āđ„āļ›

āđ€āļ‚āđ‰āļēāļ–āļķāļ‡āļ„āļģāļ–āļēāļĄāļ—āļąāđ‰āļ‡āļŦāļĄāļ” flashcards āđāļšāļšāļ—āļ”āļŠāļ­āļšāđ€āļ—āļ„āļ™āļīāļ„ āđāļšāļšāļāļķāļāļŦāļąāļ” code review āđāļĨāļ°āļ•āļąāļ§āļˆāļģāļĨāļ­āļ‡āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āđ€āļĢāļīāđˆāļĄāđƒāļŠāđ‰āļŸāļĢāļĩ