Curso de Redux y Angular con Ngrx

FrontEnd

Aprende a implementar Redux como arquitectura de datos en Angular para escalar y controlar el estado de las aplicaciones

Avanzado Medio (de 8 a 20 horas) Precio en promoción 75€ 59€
Clic para comenzar...

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.

Asimismo, entre los objetivos específicos del Curso de Redux y Angular con Ngrx destacan:

1. Comprender los conceptos claves de Redux.
2. Implementar una arquitectura de datos escalable con Angular.
3. Implementar Redux + Angular.
4. Aprender a definir el estado global de la aplicación.
5. Aprender a definir actions.
6. Aprender a definir reducers.

Pre Requisitos y Material necesario:

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)

Programa de contenidos:

-- Clase 1: Primeros pasos con Redux
1. Arquitectura de datos
2. ¿Por qué Redux?
3. Conceptos clave de Redux
4. Iniciando proyecto con Redux

-- Clase 2: Ideas clave de Redux
1. ¿Qué es un reducer?
2. Implementando actions
3. Guardando nuestro estado
4. Implementando Redux y subscribe

-- Clase 3: Redux + Angular
1. ¿Qué es ngrx?
2. Definir las acciones
3. Definir el reducer
4. Definir el estado
5. Implementando store en componentes
6. Usar el redux devtools
7. Implementar Action creator

-- Clase 4: Creando proyecto (RedditApp)
1. Planeando nuestra app
2. Creando estructura Redux
3. Creando componentes
4. Escribiendo LinksList Reducer
5. Escribiendo Voting Reducer
6. Escribiendo Filter Reducer                                                                                                                                          7. Implementado UI

-- Clase 5: Continuación del proyecto (TodoApp)
1. Usando el router de Angular
2. Creando selectors
3. Funciones para NavComponent
4. Resumen y retos.
5. Deploy

Primeros pasos con Redux

Gratis !
Nicolas Molina

Ideas clave de Redux

Nicolas Molina

Redux + Angular

Nicolas Molina

Nicolas Molina

Javascript, HybripApps, Angular2, Ionic