Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Emotional Intelligence CBT
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Redux Framework

REDUX en Angular con NGRX: Desde las bases hasta la práctica

Aprendamos el patrón Redux y apliquémoslo creando aplicaciones con ngrx, store, devtools, effects, firebase y mucho más
Rating: 4.9 out of 54.9 (1,645 ratings)
4,672 students
Created by Fernando Herrera
Last updated 3/2020
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • 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
Curated for the Udemy for Business collection

Course content

15 sections • 160 lectures • 12h 17m total length

  • Preview01:47
  • ¿Cómo funcionará el curso?
    04:32
  • ¿Cómo hacer preguntas?
    03:23
  • Instalaciones necesarias
    06:17
  • Opcional Git
    02:00

  • Introducción a la sección
    02:20
  • Temas puntuales de la sección
    00:15
  • Preview07:49
  • Preview04:38
  • Teoría adicional sobre Redux
    01:19
  • Enlaces útiles
    00:10

  • Introducción a la sección
    02:13
  • ¿Qué aprenderemos en esta sección?
    00:12
  • Preview06:01
  • Preview06:54
  • Configurar más acciones en nuestro reducer
    09:16
  • Organizando el proyecto
    08:02
  • Store
    10:50
  • Suscribirse a los cambios del State
    05:48
  • Código fuente de la sección
    00:09

  • Introducción a la sección
    02:08
  • Temas puntuales de la sección
    00:26
  • Inicio de proyecto - Aplicación pura de Angular
    03:53
  • Nota de actualización
    00:15
  • Preview09:38
  • Preview05:44
  • Preview14:43
  • URL del plugin de Redux DevTools
    00:09
  • Store DevTools
    08:47
  • Escuchar cambios específicos de un elemento del State
    02:42
  • Create Reducer
    06:26
  • Preview05:01
  • Creando acción de multiplicar y dividir
    08:08
  • Acción Reset del nieto
    05:46
  • Código fuente de la sección
    00:05

  • Introducción a la sección
    01:27
  • Temas puntuales de la sección
    00:19
  • Material para esta sección
    00:13
  • Inicio del proyecto - TodoApp
    04:41
  • Creando los componentes para nuestra aplicación de tareas
    05:56
  • Segmentar el template en múltiples componentes
    09:32
  • Instalar NgRx, modelo, acciones y reducer de Todos
    09:00
  • Definiendo el AppState de nuestra aplicación
    03:51
  • Agregar un TODO
    07:44
  • Desplegar nuestra lista de TODOS
    03:44
  • Controlar los TODO-Items
    11:16
  • Toggle Action - Completar o desmarcar un TODO
    11:46
  • Editar una tarea por hacer
    05:39
  • Borrar una tarea de la lista
    03:37
  • Toggle All - Marcar o Desmarcar Todos
    07:15
  • Creando un segundo reducer - Filtro
    07:03
  • Combinando 2 o más reducers en el AppState
    04:46
  • Cambiar el filtro - únicamente el string
    08:14
  • Conteo de tareas pendientes
    03:34
  • Aplicar el filtro visualmente
    07:10
  • Preview04:43
  • Desplegar nuestra aplicación en GitHub Pages
    10:32
  • Código fuente de la sección
    00:05

  • Introducción a la sección
    01:49
  • Temas puntuales de la sección
    00:21
  • Material de la sección
    00:26
  • Inicio del proyecto - IngresoEgresoApp
    06:41
  • Estilos de la aplicación
    00:26
  • Diseño de nuestra aplicación
    10:27
  • Creando las rutas de nuestra aplicación
    07:13
  • Configurando rutas hijas de nuestra aplicación
    05:33
  • Preview03:33
  • Realizando un backup de nuestra aplicación
    06:35
  • Código fuente de la sección
    00:21

  • Introducción a la sección
    01:23
  • Temas puntuales de la sección
    00:15
  • Pantalla de registro
    08:50
  • Preparar nuestra base de datos
    03:31
  • AngularFire - Comunicar nuestra aplicación de Angular con Firebase
    07:32
  • Preview09:17
  • Preview06:52
  • SweetAlert 2 para los errores
    07:10
  • Logout - Cerrar sesión del usuario
    03:12
  • Obtener información del usuario activo en Firebase
    04:12
  • Preview07:38
  • Crear documento de base de datos por cada usuario
    10:20
  • Realizar backup a GitHub - Sección 7
    02:21
  • Código fuente de la sección
    00:14

  • Introducción a la sección
    02:00
  • Temas puntuales de la sección
    00:11
  • Mis Snippets de NgRx
    00:10
  • Interacciones de usuario - UI State
    05:06
  • Preview04:55
  • Dispatch - Activar y Desactivar loading
    12:44
  • Utilizar el store - isLoading
    03:20
  • Auth Actions y Reducer
    11:03
  • Almacenar en el Store el usuario de Firebase
    09:32
  • Backup de la aplicación - Sección 8
    02:22
  • Código fuente de la sección
    00:05

  • Introducción a la sección
    01:40
  • Temas puntuales de la sección
    00:15
  • Modelo de un ingreso y egreso
    03:15
  • Pantalla para capturar ingresos y egresos
    06:48
  • Servicio Ingreso-Egreso
    12:50
  • Optimizaciones de loading
    08:07
  • Ingreso y Egreso - Acciones y Reducer
    06:27
  • Preview08:03
  • Obtener el UID de nuestros elementos de Firebase
    08:40
  • Dispatch de las acciones para cargar items
    05:48
  • Mostrar todos los elementos de ingreso y egreso
    10:15
  • Eliminar items de firebase
    04:57
  • Ordenar items - Pipe
    03:14
  • Dashboard - Estadística básica
    08:54
  • Chart.js - Gráficas para Angular - URL
    00:11
  • Chart.js - Gráficas para Angular
    07:36
  • Colocar el nombre del usuario activo
    06:37
  • Realizar un backup a GitHub - Sección 9
    02:47
  • Código fuente de la sección
    00:09

  • Introducción a la sección
    01:33
  • Temas puntuales de la sección
    00:18
  • Módulo Auth
    07:26
  • Módulo Share
    04:49
  • Módulo Ingreso-Egreso
    06:17
  • Preview04:31
  • LazyLoad del módulo de ingreso y egreso
    03:39
  • CanLoad
    04:44
  • LazyLoad Store
    06:01
  • Backup de la aplicación - Sección 10
    01:50
  • Código fuente de la sección
    00:04
  • Código fuente de la sección
    00:10

Requirements

  • 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

Description

Bienvenido a este curso de REDUX con NgRx

Este curso esta enfocado en implementar correctamente el patrón REDUX en aplicaciones de Angular utilizando los paquetes que el ngrx nos ofrece como son:

  • Store
  • DevTools
  • Effects


El patrón Redux nos ayuda a manejar la data que nuestra aplicación controla, es especialmente útil cuando el proyecto es de nivel medio a gran escala, donde hay muchos servicios, componentes y en general, muchos lugares donde se emite o cambia la información de nuestra aplicación. Determinar quien o qué cambió la información, puede ser un dolor de cabeza... pero no con Redux.

Cuando manejar la información de nuestra aplicación es vital, el patrón redux es indispensable ya que nos permite trabajar anticipándonos a los cambios de la data, centralizando la información en un único lugar llamado Store (o la única fuente de la verdad) que contiene todo lo que necesitamos para renderizar o procesar correctamente nuestra información.

De esta manera, siempre sabrás que acción modifico que cosa y tendrás un control perfecto de cualquier modificación que tu aplicación realice a la data.

En este curso tocaremos temas como:

  • Redux
  • NgRx
    • ngrx/store
    • ngrx/devTools
    • ngrx/effects
  • Firebase
  • AngularFire2
  • Firebase Deploy
  • Firebase Hosting
  • Consumo de RestServices
  • ReqRes - Backend
  • Control de estados
  • Bootstrap
  • Git
  • GitHub
  • Y otros temas más…

Mi objetivo con este curso aparte de que aprendas a implementar y utilizar el patrón redux desde absoluto cero, es que conozcas otras tecnológicas y estructuras para la creación de aplicaciones de Angular de mediana a gran escala.

Recuerda que este curso cuenta con la garantía de satisfacción de 30 días de Udemy, así que no tienes nada que perder, pero si mucho que aprender en este curso que he hecho con mucho esfuerzo para que puedas aprender Redux y NGRX de una forma sistemática, fácil y divertida!

Nos vemos dentro del curso!

Who this course is for:

  • 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

Instructor

Fernando Herrera
A Full-Stack Developer & Teacher
Fernando Herrera
  • 4.8 Instructor Rating
  • 136,029 Reviews
  • 320,600 Students
  • 32 Courses

Soy un analista de sistemas de computo, con poco más de 18 años en el mundo del desarrollo de aplicaciones de todo tipo.

Me encanta programar, crear aplicaciones que la gente use, me gusta enseñar, también fui maestro sustituto en las clases de programación, soy autor de código en Envato Marketplace.

Aquí en Udemy, he tenido la increíble experiencia de poder enseñar a muchos alumnos, y espero seguir mejorando mis cursos y los temas conforme la actualidad vaya cambiando.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.