Angular

Angular

FRONTEND

Framework frontend komprehensif yang dikembangkan oleh Google dengan TypeScript sebagai bahasa utama. Arsitektur modular berbasis komponen, Dependency Injection native, RxJS untuk pemrograman reaktif, dan CLI yang robust untuk membangun aplikasi web yang skalabel dan mudah dipelihara.

Apa yang akan Anda pelajari

TypeScript ketat dengan decorators dan tipe lanjutan (@Component, @Injectable)

Arsitektur modular dengan NgModules dan lazy loading

Dependency Injection hierarkis dengan providers dan scopes

RxJS untuk pemrograman reaktif (Observables, Operators, Subjects)

Sintaks template yang kuat (data binding, directives, pipes)

Form yang robust (Template-driven dan Reactive Forms dengan validasi)

Router lanjutan dengan guards, resolvers, lazy loading, dan preloading

HttpClient dengan interceptors, caching, dan penanganan error

Signals untuk manajemen state reaktif (Angular 16+)

Pengujian komprehensif (Jasmine, Karma, TestBed, mocking, E2E dengan Cypress)

Topik utama yang harus dikuasai

Konsep terpenting untuk memahami teknologi ini dan berhasil di wawancara

1

TypeScript: decorators, tipe lanjutan, interfaces, generics

2

Komponen: templates, styles, lifecycle hooks, ViewChild, ContentChild

3

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

4

Directives: structural (*ngIf, *ngFor, *ngSwitch), attribute (ngClass, ngStyle), custom

5

Pipes: built-in (date, async, json), pipes kustom, pure vs impure

6

Services dan Dependency Injection: providers, DI hierarkis, injection tokens

7

RxJS: Observables, Operators (map, filter, switchMap, mergeMap), Subjects, unsubscribe

8

Form: Template-driven vs Reactive, FormControl, FormGroup, validators, async validators

9

Routing: routes, RouterLink, RouterOutlet, guards (CanActivate, CanDeactivate), resolvers

10

HttpClient: GET/POST/PUT/DELETE, interceptors, penanganan error, retry logic

11

Change Detection: strategi (Default, OnPush), zones, pemicu manual

12

NgModules: imports, exports, declarations, providers, lazy loading

13

Signals: signal(), computed(), effect(), state reaktif (Angular 16+)

14

Manajemen state: Services dengan BehaviorSubject, NgRx (Store, Effects, Selectors)

15

Pengujian: unit tests (Jasmine, TestBed), tes komponen, service mocking, E2E

16

Performa: OnPush, trackBy, lazy loading, strategi preloading, optimisasi bundle

17

Angular CLI, konfigurasi build, deployment, SSR dengan Angular Universal