Angular

Angular

FRONTEND

Comprehensive frontend framework developed by Google with TypeScript as primary language. Component-based modular architecture, native Dependency Injection, RxJS for reactive programming and robust CLI to build scalable and maintainable web applications.

What you'll learn

Strict TypeScript with decorators and advanced types (@Component, @Injectable)

Modular architecture with NgModules and lazy loading

Hierarchical Dependency Injection with providers and scopes

RxJS for reactive programming (Observables, Operators, Subjects)

Powerful template syntax (data binding, directives, pipes)

Robust forms (Template-driven and Reactive Forms with validation)

Advanced Router with guards, resolvers, lazy loading and preloading

HttpClient with interceptors, caching and error handling

Signals for reactive state management (Angular 16+)

Comprehensive testing (Jasmine, Karma, TestBed, mocking, E2E with Cypress)

Key topics to master

The most important concepts to understand this technology and ace your interviews

1

TypeScript: decorators, advanced types, 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 and 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 with 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 with Angular Universal