Curso de Desarrollo de Aplicaciones con Angular Material, Angularfire y NgRx

Avatar del usuario

Curso de Desarrollo de Aplicaciones con Angular Material, Angularfire y NgRx

32 horas
Todos los niveles
0 cuestionarios


Al final de este curso, podrá crear increíbles aplicaciones de Angular con herramientas modernas como Angular Material, NgRx y AngularFire que además de funcionar en tiempo real también se ven increíbles


Parte 1. Breve actualización Angular

Cómo comienza y funciona una aplicación angular | Agregar componentes | Sintaxis de plantilla | Uso de directivas como ngFor y ngIf | Propiedad personalizada y enlace de eventos | Forms | Comprensión de los servicios y la inyección de dependencias | Enrutamiento angular

Parte 2 Angular Material

Comprensión de componentes de Angular Material | Agregar Angular Material a un proyecto | Nuestro primer componente de Angular Material: el botón | Crear la estructura de aplicación | Trabajando en el formulario de registro | Flexbox   | Control del diseño con @ angular / flex-layout | Agregar y configurar el botón Enviar | Implementación de sugerencias y errores de validación (en formularios) | Agregar un selector de fechas | Restricción de fechas seleccionables | Agregar una casilla de verificación | Terminando el formulario con estilo

Parte 3 Inmersión más profunda en Angular Material

Introducción al módulo | Agregar navegación y un Sidenav | Trabajando en Sidenav y Toolbar | Estilizando el Sidenav | Hacer que la página responda | Agregar elementos de navegación | Dividiendo la navegación en componentes | Trabajando en la pantalla de bienvenida | Agregar un componente de tabs | Agregar algunas “Tarjetas” | Agregar un menú desplegable | Agregar un Spinner a la pantalla de entrenamiento | Agregar un buen temporizador de ejercicio | Agregar una pantalla de diálogo Cancelar | Pasar datos al cuadro de diálogo | Agregar las opciones “Salir” y “Continuar”

Parte 4. Trabajo con datos y Angular Material
Importante: RxJS 6 | Implementando Autenticación | Enrutamiento y autenticación | Protección de ruta | Preparando los datos del ejercicio | Inyección y uso del servicio | Establecer un activo | Agregar tabla de datos de Angular Material | Agregar clasificación a la tabla de datos | Agregar filtrado a la tabla de datos | Agregar paginación a la tabla de datos

Parte 5 Usando Angularfire y Firebase

¿Qué es Firebase? | Comenzando con Firebase | ¿Qué es el AngularFire? | RxJS Oservables Refresher | Zambullirse en Firebase | Escuchando los cambios de valor (de Firestore) | Escuchar los cambios de la instantánea (de Firestore, incluidos los metadatos) | Reestructurando el Código | Cómo Firebase administra suscripciones | Almacenar en Firestore | Conexión de la tabla de datos a Firestore | Trabajando con documentos | Agregar autenticación real (Registrarse) | Agregar inicio de sesión de usuario | Comprender la autenticación en las SPA | Configuración de reglas de seguridad de Firestore

Parte 6 Optimización de la aplicación

Mejoras de estilo y manejo de errores | Mejora de manejo de errores | Dividir la aplicación en módulos | Crear un módulo compartido | División de rutas

Parte 7. Uso de NgRx para la gestión del estado
Conceptos básicos de NgRx: un primer ejemplo | Trabajando con múltiples reductores y acciones | Envío de acciones y selección | Agregar un reductor de autenticación (y acciones) | Agregar suscripciones de autenticación | Agregar el reductor  y las acciones | Estado lazy loading | Despacho de acciones | Seleccionar estado | Seleccionar valores individuales correctamente | Conectando la tabla de datos | Limpiando el proyecto

El plan de estudios está vacío.
0 total

69 thoughts on “Curso de Desarrollo de Aplicaciones con Angular Material, Angularfire y NgRx

  1. I am no longer certain the place you’re getting your
    info, however great topic. I must spend a while learning much more or figuring
    out more. Thank you for great information I was looking for this info for my mission.

  2. Hey just wanted to give you a quick heads up. The words in your article seem to be running off the screen in Ie.
    I’m not sure if this is a format issue or something to do with internet browser compatibility but I figured
    I’d post to let you know. The design and style look great though!
    Hope you get the problem solved soon. Thanks

  3. Greetings from California! I’m bored to tears at work so
    I decided to check out your blog on my iphone during lunch break.
    I really like the information you present here and can’t wait to take a look when I get home.
    I’m amazed at how quick your blog loaded on my cell
    phone .. I’m not even using WIFI, just 3G ..
    Anyways, awesome blog!

  4. I like the valuable info you provide in your articles.

    I will bookmark your weblog and check again here frequently.
    I am quite certain I’ll learn many new stuff right here!
    Best of luck for the next!

  5. I have been surfing online more than 4 hours today, yet I never found any interesting article like yours.

    It’s pretty worth enough for me. In my opinion, if all website owners and bloggers made
    good content as you did, the net will be much more useful than ever before.

  6. It’s actually a nice and helpful piece of information. I am glad that you simply shared this useful info with us.
    Please stay us up to date like this. Thanks for sharing.

  7. Thanks for ones marvelous posting! I genuinely enjoyed reading it, you may be a great
    author.I will make sure to bookmark your blog and will often come back in the foreseeable future.
    I want to encourage you continue your great work, have a nice holiday weekend!

  8. It is appropriate time to make some plans for the future and it’s time to be happy.
    I’ve read this post and if I could I wish to suggest you few interesting
    things or suggestions. Maybe you can write next articles
    referring to this article. I desire to read more things about it!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *