Angular

Angular

FRONTEND

Framework frontend complet développé par Google avec TypeScript comme langage principal. Architecture modulaire basée sur les composants, Dependency Injection native, RxJS pour programmation réactive et CLI robuste pour développer des applications web scalables et maintenables.

Ce que tu vas apprendre

TypeScript strict avec decorators et types avancés (@Component, @Injectable)

Architecture modulaire avec NgModules et lazy loading

Dependency Injection hiérarchique avec providers et scopes

RxJS pour programmation réactive (Observables, Operators, Subjects)

Template syntax puissant (data binding, directives, pipes)

Forms robustes (Template-driven et Reactive Forms avec validation)

Router avancé avec guards, resolvers, lazy loading et preloading

HttpClient avec interceptors, caching et gestion d'erreurs

Signals pour reactive state management (Angular 16+)

Testing complet (Jasmine, Karma, TestBed, mocking, E2E avec Cypress)

Sujets clés à maîtriser

Les concepts les plus importants pour comprendre cette techno et réussir tes entretiens

1

TypeScript : decorators, types avancés, interfaces, generics

2

Components : 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), custom pipes, pure vs impure

6

Services et Dependency Injection : providers, hierarchical DI, injection tokens

7

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

8

Forms : 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, error handling, retry logic

11

Change Detection : strategies (Default, OnPush), zones, manual triggering

12

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

13

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

14

State management : Services avec BehaviorSubject, NgRx (Store, Effects, Selectors)

15

Testing : unit tests (Jasmine, TestBed), component testing, service mocking, E2E

16

Performance : OnPush, trackBy, lazy loading, preloading strategies, bundle optimization

17

Angular CLI, build configuration, deployment, SSR avec Angular Universal