Conocimientos y habilidades que adquieres realizando 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.

Temario

  • 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
  • Instalando NgRx (vista previa)

    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

Relacionado

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

Curso de Angular: Ampliando conceptos

Curso de Angular: Ampliando conceptos

curso

Con este curso aprenderás:

  • Aprenderás a crear tu propia web con Angular.
  • Crear componentes en Angular para estructurar nuestra web.
  • Aprenderás a usar las directivas de Angular para gestionar el DOM.

Duración: 3 horas y 26 minutos

Curso de Angular para principiantes

Curso de Angular para principiantes

curso

Con este curso aprenderás:

  • Aprenderás a crear tu propia web con Angular.
  • Crear componentes en Angular para estructurar nuestra web.
  • Aprenderás a usar el Data-Binding de Angular.

Duración: 3 horas y 11 minutos

Curso de Firebase y Angular

Curso de Firebase y Angular

curso

Con este curso aprenderás:

  • Angular y conceptos prácticos: componentes y templates, navegación...
  • Publicación de aplicación web en servicio de hosting de Firebase.
  • Integración de base de datos en proyecto Angular.

Duración: 2 horas y 58 minutos

Preguntas Frecuentes

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.

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

Efectivamente, una vez superado cada curso podrás descargarte el diploma acreditativo de cada uno de ellos. Añade estos cursos a tu CV y mejora tu perfil para las empresas. También podrás obtener un diploma de nivel superior al superar todos los cursos de la carrera.

Descripción

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.

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

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars