Angular

Angular

FRONTEND

Kompleksowy framework frontendowy rozwijany przez Google z TypeScript jako głównym językiem. Modularna architektura oparta na komponentach, natywne Dependency Injection, RxJS do programowania reaktywnego i solidne CLI do budowania skalowalnych i łatwych w utrzymaniu aplikacji webowych.

Czego się nauczysz

Ścisły TypeScript z dekoratorami i zaawansowanymi typami (@Component, @Injectable)

Modularna architektura z NgModules i lazy loading

Hierarchiczne Dependency Injection z providerami i zakresami

RxJS do programowania reaktywnego (Observable, Operator, Subject)

Potężna składnia szablonów (wiązanie danych, dyrektywy, pipe)

Solidne formularze (Template-driven i Reactive Forms z walidacją)

Zaawansowany Router z guardami, resolverami, lazy loading i preloading

HttpClient z interceptorami, cache i obsługą błędów

Signals do reaktywnego zarządzania stanem (Angular 16+)

Kompleksowe testowanie (Jasmine, Karma, TestBed, mockowanie, E2E z Cypress)

Kluczowe tematy do opanowania

Najważniejsze pojęcia do zrozumienia tej technologii i zdania rozmów

1

TypeScript: dekoratory, zaawansowane typy, interfejsy, generyki

2

Komponenty: szablony, style, lifecycle hooks, ViewChild, ContentChild

3

Wiązanie danych: interpolacja, property binding, event binding, two-way binding

4

Dyrektywy: strukturalne (*ngIf, *ngFor, *ngSwitch), atrybutowe (ngClass, ngStyle), niestandardowe

5

Pipe: wbudowane (date, async, json), niestandardowe pipe, pure vs impure

6

Serwisy i Dependency Injection: providery, hierarchiczne DI, tokeny iniekcji

7

RxJS: Observable, Operator (map, filter, switchMap, mergeMap), Subject, unsubscribe

8

Formularze: Template-driven vs Reactive, FormControl, FormGroup, walidatory, async walidatory

9

Routing: trasy, RouterLink, RouterOutlet, guardy (CanActivate, CanDeactivate), resolvery

10

HttpClient: GET/POST/PUT/DELETE, interceptory, obsługa błędów, logika ponawiania

11

Change Detection: strategie (Default, OnPush), strefy, ręczne wyzwalanie

12

NgModules: importy, eksporty, deklaracje, providery, lazy loading

13

Signals: signal(), computed(), effect(), stan reaktywny (Angular 16+)

14

Zarządzanie stanem: serwisy z BehaviorSubject, NgRx (Store, Effects, Selectors)

15

Testowanie: testy jednostkowe (Jasmine, TestBed), testy komponentów, mockowanie serwisów, E2E

16

Wydajność: OnPush, trackBy, lazy loading, strategie preloading, optymalizacja bundle

17

Angular CLI, konfiguracja build, wdrażanie, SSR z Angular Universal