Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso profesional de Angular - old!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso profesional de Angular - old

Video Servicios en Angular

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

Los componentes de nuestra aplicación tienen un trabajo, presentar datos y permitir que el usuarios interactúe con esa información.

Tal como la documentación de Angular indica, un Componente no debe tener la responsabilidad de consultar datos o almacenarlos, esa responsabilidad es para los Servicios.

El trabajo de un servicio es el de controlar la información, desde obtenerla, almacenarla, actualizarla y compartirla con los componentes.

No hay nada especial acerca de un Servicio en Angular, excepto que estos deben de integrarse con los componentes vía el inyector de Dependencias de Angular.

Un servicio es una clase, comúnmente decorada con el decorador Injector de Angular, mismo que indica que este Servicio puede inyectar otras dependencias de la aplicación, ya sean otros servicios como el de Http para hacer consultas AJAX.

Un aspecto importante de los servicios es que son objetos Singleton, lo que esto quiere decir es que nunca se crean dos objetos de una misma clase de Servicio, por lo que puedes estar seguro de que si dos o más componentes requieren del Servicio, todos estarán usando el mismo objeto.

¿Por qué esto es importante? Porque todos los componentes comparten la misma información, si un componente actualiza los datos de un servicio, este cambio se verá reflejado en todos los componentes que estén usando esa misma información.

Esto hace de los servicios el punto a través del cual varios componentes pueden compartir información entre sí.

Internamente, un servicio tiene métodos y propiedades, como cualquier otro objeto, estos se utilizarán para consultar información, enviarla a los componentes, guardarla en algún almacén, etc.

Para resumir, un servicio debe usarse cuando:

  • Quieres consultar datos para tu aplicación, por ejemplo usando AJAX
  • Quieres almacenar información, ya sea en un servicio web o en algún almacén local.
  • Quieres compartir datos entre componentes, porque recuerda, en una App de angular nunca se crean dos objetos de un Servicio, siempre es uno y ese se envía a todos los componentes.
  • Los servicios son clases que se envían a los componentes vía el inyector de dependencias, del que hablaremos más adelante.

¿Listo para crear tu primer servicio? Continuemos.

  • check_circle_outline
    Módulo 1 | 7 clases

    Introducción

    expand_more
  • check_circle_outline
    Módulo 2 | 9 clases

    Primeros pasos con Angular

    expand_more
  • check_circle_outline
    Módulo 3 | 21 clases

    Componentes a detalle

    expand_more
  • check_circle_outline
    Módulo 4 | 14 clases

    Servicios y Observadores

    expand_more
    • done_all

      Clase 1

      Actualizar a Angular 6

    • done_all

      Clase 2

      Servicios en Angular

    • done_all

      Clase 3

      Crear tu propio servicio

    • done_all

      Clase 4

      Consultas asíncronas

    • done_all

      Clase 5

      Inyector de dependencias en Angular

    • done_all

      Clase 6

      Compartir datos de un servicio

    • done_all

      Clase 7

      Programación reactiva

    • done_all

      Clase 8

      El patrón del observable

    • done_all

      Clase 9

      Observadores y Observables en RxJS

    • done_all

      Clase 10

      Operadores en RxJS

    • done_all

      Clase 11

      Async Pipe

    • done_all

      Clase 12

      Operador de navegación segura ?.

    • done_all

      Clase 13

      Async y suscripciones a un Observable

    • done_all

      Clase 14

      Servicios en Angular 6

  • check_circle_outline
    Módulo 5 | 7 clases

    Animaciones

    expand_more
  • check_circle_outline
    Módulo 6 | 2 clases

    Cierre del curso

    expand_more

Servicios en Angular

arrow_back Siguiente arrow_forward
Curso profesional de Angular - old