Angular

Angular

FRONTEND

Uitgebreid frontend-framework ontwikkeld door Google met TypeScript als primaire taal. Componentgebaseerde modulaire architectuur, native Dependency Injection, RxJS voor reactief programmeren en robuuste CLI om schaalbare en onderhoudbare webapplicaties te bouwen.

Wat je zult leren

Strikt TypeScript met decorators en geavanceerde typen (@Component, @Injectable)

Modulaire architectuur met NgModules en lazy loading

Hiërarchische Dependency Injection met providers en scopes

RxJS voor reactief programmeren (Observables, Operators, Subjects)

Krachtige template-syntax (data binding, directives, pipes)

Robuuste formulieren (Template-driven en Reactive Forms met validatie)

Geavanceerde Router met guards, resolvers, lazy loading en preloading

HttpClient met interceptors, caching en foutafhandeling

Signals voor reactief statusbeheer (Angular 16+)

Uitgebreid testen (Jasmine, Karma, TestBed, mocking, E2E met Cypress)

Belangrijkste onderwerpen om te beheersen

De belangrijkste concepten om deze technologie te begrijpen en je gesprekken te halen

1

TypeScript: decorators, geavanceerde typen, interfaces, generics

2

Componenten: templates, stijlen, lifecycle hooks, ViewChild, ContentChild

3

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

4

Directives: structureel (*ngIf, *ngFor, *ngSwitch), attribuut (ngClass, ngStyle), aangepast

5

Pipes: ingebouwd (date, async, json), aangepaste pipes, pure vs impure

6

Services en Dependency Injection: providers, hiërarchische DI, injection tokens

7

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

8

Formulieren: 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, foutafhandeling, retry-logica

11

Change Detection: strategieën (Default, OnPush), zones, handmatige trigger

12

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

13

Signals: signal(), computed(), effect(), reactieve status (Angular 16+)

14

Statusbeheer: Services met BehaviorSubject, NgRx (Store, Effects, Selectors)

15

Testen: unit tests (Jasmine, TestBed), componenttests, service-mocking, E2E

16

Prestaties: OnPush, trackBy, lazy loading, preloading-strategieën, bundle-optimalisatie

17

Angular CLI, build-configuratie, deployment, SSR met Angular Universal