REDUX en Angular con NGRX: Desde las bases hasta la práctica
Información
Udemy
Online
Curso
Implementar el patrón Redux exitosamente en aplicaciones de Angular Conocer cómo funciona Redux desde absoluto cero hasta aplicarlo en la vida real Dominar la librería de NGRX y Herramientas que ofrece el paquete Crear aplicaciones basadas en cambios de estado Tener experiencia con Firebase, AngularFire2, FirebaseHosting, FireStore Realizar despliegues de aplicaciones de Angular en servidores de producción Expandir tus conocimientos de Angular A quién va dirigido Personas que deseen aprender el patrón REDUX Mejorar el manejo y flujo de la información Personas familiarizadas con Angular que deseen centralizar la información Programadores que quieran un código más limpio en su aplicación Si tu aplicación maneja mucha información en su flujo, este curso debes de tomarlo Requisitos Es necesario conocimiento de Angular (Al menos a nivel de componentes y servicios) Es necesario conocimiento básico de TypeScript - Interfaces y Clases No es necesario saber sobre REDUX o NGRX en lo absoluto Es recomendable estar familiarizados con la generación de componentes mediante AngularCLI Temario completo de este curso Contenido del curso Introducción ¿Cómo funcionará el curso? ¿Cómo hacer preguntas? Instalaciones necesarias Opcional Git Introducción a la sección Temas puntuales de la sección ¿Qué es REDUX? Action - Reducer - State - Store Teoría adicional sobre Redux Enlaces útiles Introducción a la sección ¿Qué aprenderemos en esta sección? del proyecto - Redux básico Acciones y Reducer básico Configurar más acciones en nuestro reducer Organizando el proyecto Store Suscribirse a los cambios del State Código fuente de la sección Introducción a la sección Temas puntuales de la sección de proyecto - Aplicación pura de Angular Creación de componentes adicionales Integrar el componente nieto en nuestra aplicación Actualización: de la instalación de ngrx/store Implementar NGRX en nuestro proyecto Action Creator - Creador de acciones Actualización: de las DevTools de NGRX Store DevTools URL del plugin de Redux DevTools Escuchar cambios específicos de un elemento del State Store en el componente hijo Creando acción de multiplicar y dividir Acción Reset del nieto Optimizaciones a nuestra aplicación Código fuente de la sección Introducción a la sección Temas puntuales de la sección Material para esta sección del proyecto - TodoApp Creando los componentes para nuestra aplicación de tareas Segmentar el template en múltiples componentes Instalar NgRx, modelo, acciones y reducer de Todos Definiendo el AppState de nuestra aplicación Agregar un TODO Desplegar nuestra lista de TODOS Controlar los TODO-Items Toggle Action - Completar o desmarcar un TODO Editar una tarea por hacer Borrar una tarea de la lista Toggle All - Marcar o Desmarcar Todos Creando un segundo reducer - Filtro Combinando 2 o más reducers en el AppState Cambiar el filtro - únicamente el string Conteo de tareas pendientes Aplicar el filtro visualmente Borrar todos los TODO completados Desplegar nuestra aplicación en GitHub Pages Código fuente de la sección Introducción a la sección Temas puntuales de la sección Material de la sección del proyecto - IngresoEgresoApp Estilos de la aplicación Diseño de nuestra aplicación Creando las rutas de nuestra aplicación Configurando rutas hijas de nuestra aplicación Diseño de las rutas hijas Realizando un backup de nuestra aplicación Código fuente de la sección Introducción a la sección Temas puntuales de la sección Pantalla de registro Preparar nuestra base de datos Nota de actualización AngularFire2 - Comunicar nuestra aplicación de Angular con Firebase Crear nuestro primer usuario Login de nuestra aplicación SweetAlert 2 para los errores Logout - Cerrar sesión del usuario Obtener información del usuario activo en Firebase Guard - Proteger el dashboard y sus rutas hijas Crear documento de base de datos por cada usuario Realizar backup a GitHub - Sección 7 Código fuente de la sección Introducción a la sección Temas puntuales de la sección Interacciones de usuario - UI State Estado global de la aplicación - ActionReducerMap Dispatch - Activar y Desactivar loading Auth Actions y Reducer Almacenar en el Store el usuario de Firebase Backup de la aplicación - Sección 8 Código fuente de la sección Introducción a la sección Temas puntuales de la sección Modelo de un ingreso y egreso Pantalla para capturar ingresos y egresos Servicio Ingreso-Egreso Optimizaciones de loading y no grabar el UID del item Ingreso y Egreso - Acciones y Reducer Cargar items desde Firebase Obtener el UID de nuestros elementos de Firebase Mostrar todos los elementos de ingreso y egreso Eliminar items de firebase Ordenar items - Pipe Dashboard - Estadística básica Chart.js - Gráficas para Angular - URL Chart.js - Gráficas para Angular Colocar el nombre del usuario activo Vaciar información al cerrar sesión Realizar un backup a GitHub - Sección 9 Código fuente de la seccíon Introducción a la sección Temas puntuales de la sección Módulo Auth Módulo Share Módulo Ingreso-Egreso Dashboard Routing Module LazyLoad del módulo de ingreso y egreso CanLoad LazyLoad Store Backup de la aplicación - Sección 10 más
Otros cursos de esta academia
Cisco CCNA Fundamentos de Networking para Redes IP
(Udemy)
Entender el funcionamiento de la cli y los diferentes modos de usuario de un equipo cisco así como las diferentes memorias... configurar rutas estáticas y rutas...
Mainframe IBM en tu PC
(Udemy)
Sabrás cuáles son las principales industrias en donde se utilizan los mainframes instalarás un entorno de tipo mainframe ibm en tu pc instalarás un emulador de terminales...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Al finalizar el curso deberas ser capaz de instalar, configurar y publicar aplicaciones web que requieran la implementación de un servidor lamp a quién va dirigido...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Tratamiento farmacológico... ¿qué necesitamos para realizar un diagnóstico adecuado?... ) que quieran aprender y profundizar sobre un problema sobre el que es muy...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Curso 2: estudiantes con nivel intermedio-avanzado que quieran mejorar su pronunciación y su vocabulario en francés... curso 2: de preferencia tener un nivel intermedio...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Aprenderán a usar el power bi para obtener información valiosa para la toma de decisiciones en la empresa... a quién va dirigido estudiantes que desean agregar habilidades...
Microservicios con Spring Boot y Spring Cloud Netflix Eureka
(Udemy)
Construye, implementa y escala microservicios con spring boot 2 y spring cloud aprende a crear y consumir servicios web restful con spring boot conecta y consume...
Aprende Dibujo Artístico fácilmente. Arte y creatividad.
(Udemy)
Podrás dibujar todo aquello que ves adquirirás soltura y seguridad en el trazo percibirás los objetos en 2d podrás encajar la forma correctamente disfrutar dibujando...
RestFul Api con Python usando Django Rest FrameWork
(Udemy)
Py guardando el owner fuente guardando el owner probando acceso a api de productos resumen introducción documentando con swagger documentando con coreapi extra y...
ReactJS Avanzado - FullStack React GraphQL y Apollo
(Udemy)
Crear aplicaciones completas con react, apollo y graphql conocer más sobre mongodb y mongoose para integrarlo a sus aplicaciones react crear aplicaciones fullstack...