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.
Impartido por:
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:
Contenido del curso:
-
- 2m
-
Redux en la teoría6m
-
¿Qué es una Action?2m
-
¿Qué es un Reducer?2m
-
¿Qué es un Effect?2m
-
-
Creando nuestra aplicación con Angular CLI4m
-
Añadiendo pantalla principal con productos15m
-
Añadiendo carrito de la compra6m
-
-
-
Importancia de tener Redux en aplicaciones grandes3m
- 2m
-
Creando la store6m
-
Crear un action para añadir productos al carrito7m
-
Creando un reducer para actualizar el estado del carrito6m
-
-
-
Creando un proyecto en Firebase5m
-
Añadiendo Firebase a nuestra aplicación3m
-
Creando nuestra base de datos y modelo4m
-
-
-
¿Por qué añadir effects?2m
-
Observables y programación reactiva7m
-
Creando nuestro servicio7m
-
Creando effects15m
-
-
-
Resumen global de nuestra aplicación2m
-
Conclusiones2m
-
Te dejamos una selección de cursos, carreras y artículos
Curso de Angular 11: Ampliando conceptos
Si ya has realizado el curso de Angular para principiantes y quieres seguir ampliando tus conocimientos sobre este framework, con este curso podrás completar tu …
Curso de Angular 11 para principiantes
Realizando este curso aprenderás a desarrollar aplicaciones utilizando Angular, comprendiendo los conceptos básicos, conociendo las herramientas de trabajo, patrones de diseño apropiados y las buenas …
Dudas frecuentes
¿Cuándo comienza la formación?
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.
¿Cuál es el precio?
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í.
¿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.