Contenedores

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 (44 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.3
44 valoraciones

Contenido del curso:

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

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

Dominando Vue

Dominando Vue: De los fundamentos a la gestión de estado global

5 horas y 5 minutos · Curso

Este curso es una inmersión en Vue 3 y todo lo que nos ofrece la última versión del popular framework de JavaScript para la construcción …

  • Desarrollo Web
Vue en la práctica

Vue en la práctica: Desarrollo de una aplicación de lista de compras

3 horas y 20 minutos · Curso

Este curso es un estudio práctico de Vue 3 a través del desarrollo de una aplicación de lista de compras. Los participantes trabajarán en cada …

  • Desarrollo Web

Dudas frecuentes

1

¿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.

2

¿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í.

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 lista.

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.

Artículos
Ver todos