Frontend

Curso Manejo del estado con Redux y Angular en un eCommerce

En este curso aprenderás a controlar el estado global de una aplicación Angular de eCommerce mediante Redux y a través de la creación de un carrito de la compra que actualizará su estado desde servicios externos, como Firebase, para la carga de productos desde base de datos.

4.0 (38 valoraciones)
2 horas y 34 segundos · curso
Manejo del estado con Redux y Angular

Lo que aprenderás en este curso:

  • Conocer cómo se comporta el patrón redux.
  • Instalar la librería ngrx para trabajar con redux en Angular.
  • Aprender a crear un estado global de nuestra aplicación de compras.
  • Aprender a crear una action.
  • Aprender a crear un reducer.
  • Aprender a crear effects y consumir desde apis.
  • Aprender qué es un observable y la programación reactiva.

Requisitos del curso

Para la realización de este curso es necesario tener conocimientos básicos de desarrollo en Angular que te permitan realizar una aplicación sencilla, además de conocimientos básicos en bases de datos no relacionales como Firebase.

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.0
38 valoraciones

Contenido del curso:

    • 2 m
    • Redux en la teoría
      6 m
    • ¿Qué es una Action?
      2 m
    • ¿Qué es un Reducer?
      2 m
    • ¿Qué es un Effect?
      2 m
    • Creando nuestra aplicación con Angular CLI
      4 m
    • Añadiendo pantalla principal con productos
      15 m
    • Añadiendo carrito de la compra
      6 m
    • Importancia de tener Redux en aplicaciones grandes
      3 m
    • 2 m
    • Creando la store
      6 m
    • Crear un action para añadir productos al carrito
      7 m
    • Creando un reducer para actualizar el estado del carrito
      6 m
    • Creando un proyecto en Firebase
      5 m
    • Añadiendo Firebase a nuestra aplicación
      3 m
    • Creando nuestra base de datos y modelo
      4 m
    • ¿Por qué añadir effects?
      2 m
    • Observables y programación reactiva
      7 m
    • Creando nuestro servicio
      7 m
    • Creando effects
      15 m
    • Resumen global de nuestra aplicación
      2 m
    • Conclusiones
      2 m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

Curso de Angular 11: Ampliando conceptos

Curso de Angular 11: Ampliando conceptos

3 horas y 26 minutos · curso

En este curso aprenderás a controlar el estado global de nuestra aplicación Angular de eCommerce mediante Redux a través de la creación de un carrito …

  • Frontend
Curso de Angular 11 para principiantes

Curso de Angular 11 para principiantes

3 horas y 11 minutos · curso

En este curso aprenderás a controlar el estado global de nuestra aplicación Angular de eCommerce mediante Redux a través de la creación de un carrito …

  • Frontend

Dudas frecuentes

1

¿Cuándo comienza el curso?

En OpenWebinars los cursos no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

2

¿Cuál es el precio?

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

3

¿Puedo obtener un diploma que acredite mis conocimientos?

Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas.

También podrás obtener un diploma de nivel superior al superar todas las formaciones de la carrera.

El curso está especialmente dirigido a programadores que busquen mejorar sus habilidades manejando el estado en aplicaciones web. Para su realización es necesario tener conocimientos básicos de desarrollo en Angular que te permitan realizar una aplicación sencilla, además de conocimientos básicos en bases de datos no relacionales como Firebase.

Si necesitas actualizar tus conocimientos previos de Angular o quieres refrescarlos, puedes realizar previamente el Curso de Angular para principiantes, que encontrarás dentro de nuestra plataforma formativa.

Esta formación comienza con un primer apartado introductorio, que nos permitirá tener una primera toma de contacto con algunos términos importantes. Se explicará qué es Redux y cómo funcionan cada una de sus partes, profundizando en qué es una Action, qué es un Reducer y qué es un Effect.

Finalizada esta introducción, comenzaría el bloque centrado en el desarrollo de nuestra aplicación de eCommerce, la cual iremos creando de forma práctica para ver toda la parte teórica de un modo aplicado para comprender mejor todo lo explicado. Crearemos nuestra app utilizando Angular CLI, para después añadir la pantalla principal con productos en la tienda online y añadiendo también el carrito de la compra.

La siguiente sección de curso te permitirá aprender cómo añadir Redux a una aplicación, en este caso a la que comenzamos a desarrollar previamente en el anterior apartado. El tutor explicará la importancia que tiene incluir Redux en aplicaciones de gran tamaño, y después pasará a instalar NgRx y a crear la store, concluyendo con la creación de un Action para añadir productos al carrito y creando un Reducer para actualizar el estado del carrito.

Vamos un paso más allá en el desarrollo de nuestro eCommerce y añadiremos una base de datos al mismo, lo que veremos en el nuevo bloque del curso. En estas lecciones veremos cómo crear un proyecto en Firebase, cómo añadir Firebase a la aplicación en desarrollo, y, finalmente, cómo crear nuestra base de datos y modelo.

Seguidamente pasamos al nuevo apartado, centrado en este caso en Effects, en el que aprenderás cómo añadir Effects a nuestra aplicación y por qué hacerlo. Además de conocer las ventajas que ofrecen los mismos, aprenderás qué son los observables y qué es la programación reactiva, así como a crear nuestro servicio de Redux para recibir los productos de nuestra base datos, y, para acabar este bloque, cómo crear los Effects en nuestra app y cómo recibir los productos de la BBDD.

Al finalizar este curso de manejo de estado con Redux y Angular dentro de un eCommerce, habrás aprendido cómo se comporta el patrón Redux, a instalar la librería NgRx para trabajar con Redux en Angular, a crear un estado global de nuestra aplicación de compras, a crear una Action, a crear un Reducer, a crear Effects y consumir desde API, además de aprender qué es un observable y qué es la programación reactiva.

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.