Introducción. Si te preparas para una entrevista de Angular 20 en 2025, necesitas dominar tanto fundamentos de TypeScript como los conceptos centrales de Angular. Esta primera parte cubre 50 preguntas clave, desde lo básico de TypeScript hasta módulos, componentes, servicios, directivas, hooks de ciclo de vida, detección de cambios e inyección de dependencias.

Q1. ¿Qué es TypeScript y por qué se prefiere en Angular? TypeScript es un superset tipado de JavaScript que aporta comprobación de tipos, decoradores y características modernas de ESNext. Angular lo utiliza por tipado fuerte que reduce errores en tiempo de ejecución, mejores herramientas como IntelliSense y por el uso de decoradores para metadatos como @Component y @Injectable.

Q2. ¿Cuáles son las características clave de TypeScript usadas en Angular? Interfaces y clases, genéricos, enums, módulos, decoradores e inferencia de tipos.

Q3. Diferencia entre any, unknown y never en TypeScript. any desactiva la comprobación de tipos, unknown es un any más seguro que exige estrechar el tipo antes de usar, never indica funciones que no devuelven nunca, por ejemplo errores o bucles infinitos.

Q4. Explica los decoradores de TypeScript en Angular. Son funciones que añaden metadatos. Ejemplos comunes: @Component define un componente, @Injectable marca una clase como inyectable, @Directive crea una directiva y @NgModule define un módulo.

Q5. Diferencia entre interface y type en TypeScript. interface es extensible y se recomienda para modelos; type puede representar tipos primitivos, uniones e intersecciones.

Q6. ¿Cómo soporta TypeScript la inyección de dependencias de Angular? TypeScript emite metadatos de reflexión cuando está configurado para ello, lo que permite que el sistema DI de Angular resuelva tipos en tiempo de ejecución.

Q7. ¿Qué son los modificadores de acceso en TypeScript? public es el valor por defecto y accesible desde cualquier sitio, private solo dentro de la clase, protected dentro de la clase y sus subclases, readonly no permite reasignación tras la inicialización.

Q8. ¿Cómo ayudan los genéricos de TypeScript en Angular? Permiten crear componentes y servicios reutilizables. Por ejemplo una función identidad genérica que recibe un tipo T y devuelve T. En Angular es común ver métodos que devuelven Observable de T para respuestas tipadas.

Q9. Explica el modo estricto en TypeScript. El modo strict activa comprobaciones más rigurosas como strictNullChecks y noImplicitAny, evitando errores en tiempo de ejecución al forzar un tipado más seguro.

Q10. Diferencia entre Promise y Observable en Angular/TypeScript. Promise resuelve una vez y no es cancelable; Observable puede emitir múltiples valores a lo largo del tiempo, es cancelable y aprovecha operadores de RxJS.

Q11. ¿Qué es Angular? Framework basado en TypeScript para construir aplicaciones de una sola página con componentes, inyección de dependencias, RxJS y potente CLI.

Q12. ¿Cuáles son los bloques de construcción de Angular? Componentes, módulos, plantillas, directivas, servicios, inyección de dependencias y RxJS.

Q13. Explica los componentes en Angular. Son las unidades de interfaz definidos con @Component que incluyen selector, plantilla, estilos y hooks de ciclo de vida.

Q14. ¿Qué es un NgModule? Contenedor de componentes, directivas, pipes y servicios. El módulo raíz suele ser AppModule y los módulos soportan lazy loading.

Q15. Diferencia entre BrowserModule y CommonModule. BrowserModule se usa en el módulo raíz e incluye servicios relacionados con el DOM; CommonModule se usa en módulos funcionales e incluye directivas como ngIf y ngFor.

Q16. Explica las directivas de Angular. Directivas estructurales cambian la estructura del DOM como ngIf y ngFor; directivas de atributo modifican apariencia o comportamiento como ngClass y ngStyle.

Q17. ¿Qué es un servicio en Angular? Proveedor de lógica de negocio reutilizable, decorado con @Injectable y suministrado mediante el sistema DI.

Q18. Explica la inyección de dependencias en Angular. Es un patrón para suministrar dependencias en lugar de codificarlas; el sistema DI resuelve servicios y los inyecta en componentes y otros servicios.

Q19. ¿Cuáles son los hooks de ciclo de vida en Angular? ngOnInit para inicialización, ngOnChanges al cambiar inputs, ngDoCheck para chequeos personalizados y ngOnDestroy para limpieza.

Q20. Diferencia entre formularios template-driven y reactive. Template-driven es sencillo y usa directivas como ngModel; reactive es escalable y programático usando FormControl y FormGroup.

Q21. ¿Qué es la detección de cambios en Angular? Proceso que sincroniza modelo y vista. Estrategias: Default revisa todos los componentes, OnPush solo cuando cambian inputs o se detectan señales externas.

Q22. ¿Qué es un pipe en Angular? Función para transformar datos en plantillas como date o currency. Se crean pipes personalizados con @Pipe.

Q23. Diferencia entre pipes puras e impuras. Puras se ejecutan solo cuando cambia la entrada; impuras se ejecutan en cada ciclo de detección de cambios.

Q24. ¿Qué son los componentes standalone en Angular? Componentes que no requieren NgModule, declarados con standalone true para reducir boilerplate y mejorar modularidad.

Q25. ¿Qué es Zone.js en Angular? Biblioteca que parchea APIs asíncronas, rastrea tareas asíncronas y dispara la detección de cambios cuando estas finalizan.

Q26. Explica Micro Frontends en Angular. Técnica para dividir una aplicación en múltiples apps independientes, frecuentemente usando Module Federation de Webpack 5 para permitir desarrollo en paralelo y despliegues independientes.

Q27. ¿Qué es una PWA en Angular? Aplicación web progresiva con soporte offline, cacheo y notificaciones push. Angular facilita esto con @angular/pwa.

Q28. ¿Qué es HttpClientModule de Angular? Módulo para comunicación HTTP basado en Observables de RxJS; soporta interceptores, manejo de errores y respuestas tipadas.

Q29. ¿Qué son los guards en Angular? Mecanismos para proteger rutas como CanActivate, CanDeactivate, Resolve y CanLoad.

Q30. Diferencia entre AOT y JIT. AOT compila en tiempo de build para arranque más rápido; JIT compila en el navegador, más lento pero útil en desarrollo.

Q31. ¿Qué es Lazy Loading? Cargar módulos funcionales solo cuando se necesitan para mejorar rendimiento y tiempo de carga inicial.

Q32. Diferencia entre Subject y BehaviorSubject. Subject no tiene valor inicial y multicasta; BehaviorSubject necesita un valor inicial y almacena el último valor emitido.

Q33. ¿Qué es RouterModule? Define reglas de navegación, soporta lazy loading, guards y resolvers.

Q34. ¿Qué es Ivy? Motor de render de Angular que aporta compilación más rápida, bundles más pequeños y mejor depuración.

Q35. Explica los interceptores en Angular. Son middleware para peticiones y respuestas HTTP, útiles para añadir tokens, logging y manejo de errores.

Q36. ¿Qué es Angular Universal? Renderizado en servidor para mejorar SEO y rendimiento mediante SSR.

Q37. ¿Qué es ng-content? Permite proyección de contenido dentro de componentes, similar al uso de children en otras librerías.

Q38. Explica ViewEncapsulation. Emulated es el comportamiento por defecto con CSS scoped, ShadowDom usa shadow DOM nativo y None no encapsula, dejando CSS global.

Q39. ¿Qué son las animaciones en Angular? Se implementan con @angular/animations usando la Web Animations API y se definen con trigger, state y transition.

Q40. ¿Qué herramientas de testing usa Angular? Pruebas unitarias con Jasmine y Karma como runner; pruebas E2E con herramientas como Protractor o Cypress.

Q41. Diferencia entre ViewChild y ContentChild. @ViewChild consulta elementos del template del componente; @ContentChild consulta contenido proyectado desde el padre.

Q42. Explica ngZone. Permite controlar cuándo Angular ejecuta detección de cambios tras tareas asíncronas; zone.runOutsideAngular mejora rendimiento al evitar detecciones innecesarias.

Q43. ¿Qué es trackBy en *ngFor? Optimización para evitar re-renderizado del DOM, rastreando elementos con claves únicas.

Q44. ¿Qué son las schematics de Angular? Plantillas de generación de código para el CLI, por ejemplo ng generate component o ng generate service.

Q45. ¿Qué es Angular ESLint? Linter para proyectos Angular que asegura calidad de código y buenas prácticas.

Q46. Explica ngOptimizedImage en Angular 20. Nueva directiva para optimizar imágenes automáticamente, carga perezosa, genera srcset y mejora métricas Core Web Vitals.

Q47. ¿Qué son las Signals en Angular? Primitivas reactivas para gestión de estado que ofrecen reactividad de grano fino similares a otras librerías reactivas, facilitando actualizaciones eficientes.

Q48. Explica platform-browser. Módulo que contiene servicios relacionados con el DOM necesarios para ejecutar aplicaciones Angular en navegadores.

Q49. ¿Qué es el compilador de Angular NGC? Compilador Ahead of Time que convierte plantillas Angular en JavaScript optimizado.

Q50. Explica Renderer2. Servicio para manipular el DOM de forma segura que abstrae operaciones para soportar SSR y Web Workers.

Conclusión. Esta primera parte te ofrece un repaso condensado de las preguntas más frecuentes sobre TypeScript y conceptos centrales de Angular 20 para entrevistas en 2025. Practicar respuestas claras y ejemplos prácticos te ayudará a destacar.

Sobre Q2BSTUDIO. En Q2BSTUDIO somos una empresa especializada en desarrollo de software a medida y aplicaciones a medida, con experiencia en inteligencia artificial, ciberseguridad y servicios cloud. Ofrecemos soluciones de servicios inteligencia de negocio y power bi para transformar datos en decisiones, además de implementar agentes IA y soluciones de ia para empresas. Si buscas desarrollar una aplicación escalable y personalizada consulta nuestro servicio de desarrollo de aplicaciones y software a medida o descubre nuestras capacidades en inteligencia artificial para empresas. También trabajamos con servicios cloud aws y azure, auditorías de ciberseguridad y automatización de procesos para acelerar tu transformación digital.

Palabras clave. aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi.