Introducción
  • Introducción
  • ¿Cómo funcionará el curso?
  • ¿Cómo hacer preguntas?
  • Instalaciones necesarias
  • Opcional Git
Introducción a Redux
  • 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
Implementar REDUX desde absoluto cero
  • Introducción a la sección
  • ¿Qué aprenderemos en esta sección?
  • Inicio 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
NGRX - Redux con Angular
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio de proyecto - Aplicación pura de Angular
  • Creación de componentes adicionales
  • Integrar el componente nieto en nuestra aplicación
  • Actualización: Ubicación de la instalación de ngrx/store
  • Implementar NGRX en nuestro proyecto
  • Action Creator - Creador de acciones
  • Actualización: Ubicació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
Todo App - Aplicación con un estado un poco más complejo
  • Introducción a la sección
  • Temas puntuales de la sección
  • Material para esta sección
  • Inicio 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
Aplicación de Ingresos y Egresos - Estilo y funcionalidades básicas
  • Introducción a la sección
  • Temas puntuales de la sección
  • Material de la sección
  • Inicio 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
Autenticación de nuestra aplicación login y registro
  • 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
Redux en nuestra aplicación de ingreso y egreso - Fin de la autenticació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