Angular

Angular

FRONTEND

Framework frontend completo desarrollado por Google con TypeScript como lenguaje principal. Arquitectura modular basada en componentes, Dependency Injection nativa, RxJS para programación reactiva y CLI robusto para construir aplicaciones web escalables y mantenibles.

Lo que aprenderás

TypeScript estricto con decoradores y tipos avanzados (@Component, @Injectable)

Arquitectura modular con NgModules y lazy loading

Dependency Injection jerárquica con providers y scopes

RxJS para programación reactiva (Observables, Operators, Subjects)

Sintaxis de templates potente (data binding, directivas, pipes)

Formularios robustos (Template-driven y Reactive Forms con validación)

Router avanzado con guards, resolvers, lazy loading y preloading

HttpClient con interceptors, caching y manejo de errores

Signals para gestión de estado reactiva (Angular 16+)

Testing completo (Jasmine, Karma, TestBed, mocking, E2E con Cypress)

Temas clave a dominar

Los conceptos más importantes para entender esta tecnología y aprobar tus entrevistas

1

TypeScript: decoradores, tipos avanzados, interfaces, generics

2

Components: templates, estilos, lifecycle hooks, ViewChild, ContentChild

3

Data binding: interpolación, property binding, event binding, two-way binding

4

Directivas: structural (*ngIf, *ngFor, *ngSwitch), attribute (ngClass, ngStyle), personalizadas

5

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

6

Services y Dependency Injection: providers, DI jerárquica, injection tokens

7

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

8

Formularios: 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, manejo de errores, retry logic

11

Change Detection: estrategias (Default, OnPush), zones, activación manual

12

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

13

Signals: signal(), computed(), effect(), estado reactivo (Angular 16+)

14

Gestión de estado: Services con BehaviorSubject, NgRx (Store, Effects, Selectors)

15

Testing: unit tests (Jasmine, TestBed), testing de componentes, mocking de services, E2E

16

Performance: OnPush, trackBy, lazy loading, estrategias de preloading, optimización de bundle

17

Angular CLI, configuración de build, despliegue, SSR con Angular Universal