Angular

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

Components, templates, data binding, structural directives, ngFor, ngIf, interpolation, property binding, event binding

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

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

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

component āļ„āļ·āļ­āļ­āļ‡āļ„āđŒāļ›āļĢāļ°āļāļ­āļšāļžāļ·āđ‰āļ™āļāļēāļ™āļ‚āļ­āļ‡āđāļ­āļ›āļžāļĨāļīāđ€āļ„āļŠāļąāļ™ Angular āļ—āļĩāđˆāļ„āļ§āļšāļ„āļļāļĄāļŠāđˆāļ§āļ™āļŦāļ™āļķāđˆāļ‡āļ‚āļ­āļ‡āļ­āļīāļ™āđ€āļ—āļ­āļĢāđŒāđ€āļŸāļ‹āļœāļđāđ‰āđƒāļŠāđ‰ āđ‚āļ”āļĒāļĢāļ§āļĄ HTML template, CSS styles āđāļĨāļ°āļ„āļĨāļēāļŠ TypeScript āđ€āļ‚āđ‰āļēāļāļąāļš decorator @Component āļŠāļ–āļēāļ›āļąāļ•āļĒāļāļĢāļĢāļĄāļ™āļĩāđ‰āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āļŠāļĢāđ‰āļēāļ‡āļ­āļīāļ™āđ€āļ—āļ­āļĢāđŒāđ€āļŸāļ‹āļ—āļĩāđˆāļ™āļģāļāļĨāļąāļšāļĄāļēāđƒāļŠāđ‰āđƒāļŦāļĄāđˆāđ„āļ”āđ‰āđāļĨāļ°āđ€āļ›āđ‡āļ™āđ‚āļĄāļ”āļđāļĨ āļŠāđˆāļ‡āđ€āļŠāļĢāļīāļĄāļāļēāļĢāđāļĒāļāļ„āļ§āļēāļĄāļĢāļąāļšāļœāļīāļ”āļŠāļ­āļšāļĢāļ°āļŦāļ§āđˆāļēāļ‡ view āđāļĨāļ° business logic

2

āđ„āļ§āļĒāļēāļāļĢāļ“āđŒāđƒāļ”āļ—āļĩāđˆāđāļŠāļ”āļ‡āļ•āļąāļ§āđāļ›āļĢ TypeScript āđƒāļ™ template?

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

interpolation āļ”āđ‰āļ§āļĒāļ§āļ‡āđ€āļĨāđ‡āļšāļ›āļĩāļāļāļēāļ„āļđāđˆ {{ variable }} āđāļ—āļĢāļāļ„āđˆāļēāđāļšāļšāđ„āļ”āļ™āļēāļĄāļīāļāļĨāļ‡āđƒāļ™ HTML template Angular āļ›āļĢāļ°āđ€āļĄāļīāļ™āļ™āļīāļžāļˆāļ™āđŒ TypeScript āđāļĨāļ°āđāļ›āļĨāļ‡āļœāļĨāļĨāļąāļžāļ˜āđŒāđ€āļ›āđ‡āļ™āļŠāļ•āļĢāļīāļ‡āļ—āļĩāđˆāđāļŠāļ”āļ‡āđƒāļ™ DOM āđ„āļ§āļĒāļēāļāļĢāļ“āđŒāļ™āļĩāđ‰āđƒāļŠāđ‰āđ€āļžāļ·āđˆāļ­āđāļŠāļ”āļ‡āļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļīāļ‚āļ­āļ‡ component āļ—āļģāļāļēāļĢāļ„āļģāļ™āļ§āļ“āļ­āļĒāđˆāļēāļ‡āļ‡āđˆāļēāļĒ āļŦāļĢāļ·āļ­āđ€āļĢāļĩāļĒāļāđƒāļŠāđ‰āđ€āļĄāļ˜āļ­āļ”āļ—āļĩāđˆāļ„āļ·āļ™āļ„āđˆāļē

3

āļˆāļ°āđ€āļŠāļ·āđˆāļ­āļĄāđ‚āļĒāļ‡āļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļī HTML āļāļąāļšāļ•āļąāļ§āđāļ›āļĢāļ‚āļ­āļ‡ component āļ­āļĒāđˆāļēāļ‡āđ„āļĢ?

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

property binding āļ”āđ‰āļ§āļĒāļ§āļ‡āđ€āļĨāđ‡āļšāđ€āļŦāļĨāļĩāđˆāļĒāļĄ [property]="variable" āđ€āļŠāļ·āđˆāļ­āļĄāđ‚āļĒāļ‡āļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļīāļ‚āļ­āļ‡ DOM element āļāļąāļšāļ™āļīāļžāļˆāļ™āđŒ TypeScript Angular āļ›āļĢāļ°āđ€āļĄāļīāļ™āļ™āļīāļžāļˆāļ™āđŒāđāļĨāļ°āļ­āļąāļ›āđ€āļ”āļ•āļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļīāđ‚āļ”āļĒāļ­āļąāļ•āđ‚āļ™āļĄāļąāļ•āļīāđ€āļĄāļ·āđˆāļ­āļĄāļĩāļāļēāļĢāđ€āļ›āļĨāļĩāđˆāļĒāļ™āđāļ›āļĨāļ‡ āđ„āļ§āļĒāļēāļāļĢāļ“āđŒāļ™āļĩāđ‰āđ€āļ›āđ‡āļ™āđāļšāļšāļ—āļēāļ‡āđ€āļ”āļĩāļĒāļ§ (component āđ„āļ›āļĒāļąāļ‡ template) āđāļĨāļ°āđƒāļŠāđ‰āļāļąāļšāļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļī HTML āļĄāļēāļ•āļĢāļāļēāļ™ āļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļīāđāļšāļšāļāļģāļŦāļ™āļ”āđ€āļ­āļ‡ āļŦāļĢāļ·āļ­ inputs āļ‚āļ­āļ‡ component āļĨāļđāļ

4

āđ„āļ§āļĒāļēāļāļĢāļ“āđŒāđƒāļ”āļ—āļĩāđˆāļˆāļąāļšāđ€āļŦāļ•āļļāļāļēāļĢāļ“āđŒāļ‚āļ­āļ‡āļœāļđāđ‰āđƒāļŠāđ‰āđƒāļ™ template?

5

directive *ngIf āļ—āļģāļ­āļ°āđ„āļĢāđƒāļ™ template āļ‚āļ­āļ‡ Angular?

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

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

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

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

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

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

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

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 āđāļĨāļ°āļ•āļąāļ§āļˆāļģāļĨāļ­āļ‡āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

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