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)
Tener claro el importantísimo proceso de frame rewrite, el protocolo arp y un proceso de comunicación completo a nivel de capa 2 y 3 entre dos equipos en redes distintas...
Mainframe IBM en tu PC
(Udemy)
Arrancar el sistema operativo mvs de ibm en la pc... descargar, instalar y configurar el emulador de terminales 3270... práctica en el uso de bibliotecas particionadas...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Instalación de wordpress... configuración básica de apache... instalación y configuración de mysql... preparación de la máquina virtual... instalación de php7...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Terapia de jaula... modificación de conducta (parte 2): adaptación de hábitos adecuados... solución del caso 1... aprenderás a diagnosticar la ansiedad por separación...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Niños y adultos que quieran leer y escuchar 16 cuentos clásicos en francés... rose-rouge et neige-blanche... curso 2: estudiantes con nivel intermedio-avanzado que...
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... analistas de business intelligence, coordinadores de...
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)
La copia como medio... 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...
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)
Graphql configurando los resolvers instalando mongodb en windows 10 instalando mongodb en mac instalando mongoose mutation: crear registros en mongodb instalando...