Curso de Redux y Angular con Ngrx
Aprende a implementar Redux como arquitectura de datos en Angular para escalar y controlar el estado de las aplicaciones
Material disponible
Avanzado
5 Clases 8 h
75€
59€
Precio en promoción
Manejar el estado de las aplicaciones es crítico y con frecuencia puede llegar a ser complejo. Para estos casos, Redux ofrece un patrón que permite controlar de manera predecible el estado en aplicaciones en Javascript. Es una arquitectura de datos que puede ser implementada en Angular, usando Ngrx y Observables para controlar el flujo de datos. 

El curso de Redux y Angular facilitará al estudiante el aprendizaje del patrón Redux y su implementación en Angular con Ngrx. Durante varias sesiones se estudiará Redux y su aplicación en aplicaciones Angular, de una manera práctica, apoyándose en los tres principios claves de Redux: El store como única fuente de la verdad, el state es solo de modo lectura y los cambios solo lo harán funciones puras (reducers) por medio de actions. 

Qué aprenderé en el Curso de Redux y Angular con Ngrx

  • Redux + Angular
  • Conceptos clave y Arquitectura de datos
  • Reducer
  • Implementando actions
  • Implementando Redux y subscribe
  • ngrx
  • Redux devtools
  • Action creator
  • LinksList Reducer
  • Voting Reducer
  • Filter Reducer
  • Router de Angular
  • Selectors
  • NavComponent

Objetivos del curso

  • Comprender los conceptos claves de Redux.
  • Implementar una arquitectura de datos escalable con Angular.
  • Implementar Redux + Angular.
  • Aprender a definir el estado global de la aplicación.
  • Aprender a definir actions.
  • Aprender a definir reducers.

Qué tengo que saber

  • El estudiante debe disponer de una base de conocimiento previa en el framework Javascript Angular. Si no se dispone de experiencia en Angular recomendamos el Curso de Angular 2 desde cero impartido anteriormente en EscuelaIT. Además se recomienda disponer de los siguientes matera
    • Editor de código. (Recomendado VSCode)
    • Navegador Chrome
    • NodeJS instalado con una versión reciente
    • Android SDK
    • Genymotion (opcional)

Clases y contenidos

Primeros pasos con Redux Gratis
  • Arquitectura de datos
  • ¿Por qué Redux?
  • Conceptos clave de Redux
  • Iniciando proyecto con Redux
Ideas clave de Redux
  • ¿Qué es un reducer?
  • Implementando actions
  • Guardando nuestro estado
  • Implementando Redux y subscribe
Redux + Angular
  • ¿Qué es ngrx?
  • Definir las acciones
  • Definir el reducer
  • Definir el estado
  • Implementando store en componentes
  • Usar el redux devtools
  • Implementar Action creator
Creando proyecto (RedditApp)
  • Planeando nuestra app
  • Creando estructura Redux
  • Creando componentes
  • Escribiendo LinksList Reducer
  • Escribiendo Voting Reducer
  • Escribiendo Filter Reducer - - Implementado UI
Effects, Rest API y continuación del proyecto (TodoApp)
  • Usando el router de Angular
  • Creando selectors
  • Funciones para NavComponent
  • Resumen y retos.
  • Deploy

Valoraciones

Alberto Morales

Fernando

Juan Camilo Solano Estrada

Duban Garcia

Eduard Gallofré Asens

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 130 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete