OpenWebinars
Angular
JavaScript

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.2(63 valoraciones)

Icono de la tecnología

La metodología y plataforma de formación que se adapta al tamaño y ritmo de tu empresa.

Cuéntanos tu caso

Curso impartido por

Avatar:Juan Manuel Pérez Toro

Juan Manuel Pérez Toro

Experto en desarrollo

Contenido de la formación

6 Secciones · 22 Lecciones · 2 h. en total

Introducción

16 min.

Construyendo nuestra aplicación eCommerce

25 min.

Añadiendo Redux a nuestra aplicación

26 min.

Añadiendo una base de datos

13 min.

Añadiendo effects

33 min.

Conclusiones

4 min.

Habilidades que obtendrás

  • 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 mínimos

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.

Valoración de nuestros alumnos

4.2
63 valoraciones
  • 5
  • 4
  • 3
  • 2
  • 1
Todo claro
Vicente Andani Auñón
- me encanto la explicaciones simples y los ejemplos muy didácticos. - el proyecto de ejemplo debería estar por etapas en el repositorio tal como lo esta el curso de angular para principiantes.
Santiago Rojas Espinoza

Completa tu formación con estos contenidos

Curso

TypeScript

Intermedio
4 h. y 46 min.

Formación intensiva de TypeScript para aprender desde la sintaxis básica hasta la implementación de características avanzadas, optimizando el...

Adrián Maza Vázquez
4.5
Icono de la tecnología
Curso

Dominando Vue

Intermedio
5 h. y 5 min.

Este curso es una inmersión en Vue 3 y todo lo que nos ofrece la última versión del...

Laura González Martin
4.6
Icono de la tecnología
Curso

Vue en la práctica

Intermedio
3 h. y 20 min.

Este curso es un estudio práctico de Vue 3 a través del desarrollo de una aplicación de lista...

Laura González Martin
4.4
Icono de la tecnología
Curso

Firebase y Angular

Intermedio
2 h. y 58 min.

Aprende a usar los servicios de Firebase como el hosting web, autenticación de usuarios, base de datos, almacenamiento...

Diego Martínez
4.4

Preguntas frecuentes

Resuelve tus dudas o contacta con nosotros para más información.

Cuéntanos tu caso
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 ruta.

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas 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í.

En OpenWebinars las formaciones 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.

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.