Introducción a Angular y Fundamentos

1

Desarrollo de Aplicaciones Modernas con Angular

2

Creando tu primer proyecto en Angular

3

Creación de componentes y rutas en Angular para gestión de tareas

4

String Interpolation en Angular: Transmisión de Datos a Templates

5

Modificación de Propiedades HTML con Angular: Property Binding

6

Eventos en Angular: click, doble click y cambio de input

7

Eventos de Teclado en JavaScript: Uso de KeyDown y Change

8

Reactividad Granular con Signals en Angular

9

Reactividad en HTML: Implementación de Signals en JavaScript

Estructuras de control en Angular

10

Estructuras de Control y Renderizado Dinámico en Angular

11

Gestión Dinámica de Tareas en JavaScript: Creación y Eliminación

12

Estructuración de Tareas en JavaScript: Uso de Interfaces y Typing

13

Actualización de tareas con Angular y programación inmutable

14

Uso de ngIf y ngFor para control de flujos en Angular

15

Pluralización y ngSwitch en Angular para manejo de condiciones múltiples

16

Manejo Avanzado de Formularios Reactivos en Angular

17

Validaciones de Inputs en Formularios Reactivos con Angular

Alistando tu aplicación para producción

18

Validación de formularios y estilos dinámicos en Angular

19

Activación dinámica de clases en Angular con validaciones

20

Edición de Tareas Dinámicas en Aplicaciones Web

21

Estados Computados en Programación Reactiva con Signals

22

Persistencia de Tareas con LocalStorage en Angular

23

Compilación y Optimización de Aplicaciones Angular para Producción

24

Lanzamiento de Aplicaciones con Fiverr Hosting y Angular

25

Nuevas Sintaxis Declarativas en Angular Inspiradas en Svelte

26

Sintaxis y rendimiento de for y switch en JavaScript moderno

27

Migración Automática a Nueva Sintaxis de Angular

Componentes Reutilizables y Comunicación

28

Creación de Tienda en Línea con Angular y Tailwind CSS

29

Creación y Organización de Componentes en Angular

30

Componentes Reutilizables en Angular: Creación y Maquetado de Productos

31

Uso de Angular DevTools para Debugging en Angular

32

Inputs en Angular: Comunicación de Datos entre Componentes

33

Outputs en Angular: Comunicación del Hijo al Padre

34

Maquetación de Galería de Productos con Tailwind CSS

Ciclo de vida de los componentes

35

Ciclo de Vida de Componentes en Angular

36

Creación y Uso de Componentes en Angular: Ciclo de Vida y Comunicación

37

Ciclo de Vida de Componentes en Angular: Eventos Clave

38

Detección de Cambios en Inputs con ngOnChange en Angular

39

Prevención de fugas de memoria con ngOnDestroy en Angular

40

Creación de un Reproductor de Audio con WaveSurfer.js en Angular

41

Mejoras de la página About en e-commerce: audio y contador dinámico

Mejorando la interfaz del producto

42

Componentización y Manejo de Datos en Angular

43

Creación de Headers en Páginas Web con Angular

44

Implementación de Interfaz Gráfica para Carrito de Compras Interactivo

45

Implementación de Reactividad en Carrito de Compras con Angular

46

Gestión de Carrito de Compras en Angular con ngOnChanges

47

Gestión de Estado en Angular: Solución al InputDrilling

48

Gestión de Estado Global en Angular con Servicios y Señales

49

Inyección de Dependencias en Angular: Conceptos y Prácticas

Integración y Datos

50

Conexión de Angular a REST API usando Fake Store API de Platzi

51

Creación de Alias para Imports Cortos en Proyectos JavaScript

52

Transformación de Datos con Pipes en Angular

53

Creación y uso de pipes personalizados en Angular

54

Manipulación de Fechas en Angular con Date Functions

55

Manipulación del DOM con Directivas en Angular

56

Deployment de Aplicaciones Angular en Vercel

Enrutamiento y Navegación

57

Creación de Página 404 en Angular: Manejo de Rutas No Encontradas

58

Implementación de Router Link en Angular para SPA eficiente

59

Implementación de Layouts Compartidos en Angular para Vistas Anidadas

60

Uso de RouterLinkActive en Angular para Navegación Activa

61

Routing en Angular: Creación de Páginas de Detalle de Producto

62

Consulta dinámica de detalles de producto con Angular y REST API

63

Galería de Productos Dinámica con Angular y TypeScript

64

Mejoras en Detalle de Producto: Precio, Carrito e Imagen Activa

Perfeccionando tu e-commerce

65

Filtrado de Productos por Categoría en E-commerce

66

Filtros de Productos con Query Params en Angular

67

Optimización de Aplicaciones con Lazy Loading y Code Splitting

68

Optimización de JavaScript en Angular con Lazy Loading

69

Optimización de Carga de Chunks con Preloading en Angular

70

Migración de Angular a Nueva Sintaxis con ng generate

71

Despliegue de Aplicaciones con Verzal en Entornos Productivos

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Inyección de Dependencias en Angular: Conceptos y Prácticas

49/71
Recursos

Aportes 4

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

La **inyección de dependencias** se utiliza para que los servicios y otros objetos sean proporcionados (inyectados) en los componentes o servicios que los necesitan. Angular utiliza el patron Singleton para los servicios lo que significa que solo crea una unica instancia del servicio durante toda la vida de la aplicacion. ### Flujo de inyeccion de dependencias * **Componente → Servicio**: El componente inyecta un servicio que necesita para acceder a funcionalidades como lógica de negocio, manejo de datos, etc. * **Servicio → Componente**: El servicio puede inyectar un componente (aunque esto es menos común y generalmente se evita en favor de la inyección de otros servicios). * Servicio **→** Servicio: No se debería porque podría generar dependencias circulares, lo que puede romper el ciclo de vida del servicio, en su lugar se debe de usar un servicio intermediario o un patrón de mediador para evitar problemas.
Esta gráfica es confusa con lo que dice Nico, en el minuto 1:15 dice que el servicio A inyecta al servicio B, pero en la gráfica se ve al servicio B inyectando al A, y lo mismo pasa en la gráfica anterior.
Las dolorosas dependencias circulares 😵‍💫