Comenzando con Angular
  • Introducción a Angular
  • ¿Qué es Angular?
  • Ejercicio: Instalación de NodeJS
  • Ejercicio: Instalación de Angular 8
  • Mi primera App con Angular
  • Instalando Visual Studio Code
  • Ejercicio: Instalando Extensiones de Visual Studio Code para Angular 8
Fundamentos de Angular
  • Flujo de una aplicación en Angular
  • Instalación de Plug-ins para Angular en Visual Studio Code
  • Creación de un Componente en Angular (manualmente)
  • Creación de un Componente en Angular (con CLI)
  • Generación de componentes en Linea
  • Instalación de Bootstrap en Angular
  • Aplicando Estilos CSS a Angular
Elementos Básicos de Angular
  • Interpolación con Angular
  • Property Binding en Angular
  • Event Binding en Angular
  • Event Binding (continuación)
  • Two way binding con Angular
  • Ejercicio: Calculadora con Angular
  • Solución: Calculadora con Angular
Directivas con Angular
  • Directiva *ngIf con Angular
  • Directiva else con *ngIf en Angular
  • Directiva *ngFor en Angular
Comunicación entre Componentes en Angular
  • Property Binding entre Componentes en Angular
  • Event Biding entre Componentes en Angular
  • Ejercicio: Modularización Aplicación Calculadora en Angular
  • Solución: Modularización Aplicación Calculadora en Angular
  • Referencias Locales en Angular
  • ViewChild y Local Reference en Angular
Servicios en Angular
  • Servicios en Angular
  • Data Services en Angular
  • Inyectar un Servicio dentro de otro Servicio en Angular
  • Comunicación entre Componentes utilizando un Servicio
Mejorando Visualmente nuestras Apps con Angular
  • Mejorando la aplicación Listado de Personas
  • Aplicación de Presupuesto con Angular
  • Solución Aplicación Presupuesto App - Cargando la APP
  • Creación de Componentes Presupuesto APP
  • Creación de Clases de Modelo y Servicios de Presupuesto APP
  • Separación de la plantilla HTML en componentes de Angular
  • AppComponente y Cabecero Component
  • Componente de Ingresos
  • Componente de Egresos
  • Usando Pipes para dar formato a los números en Angular
  • Componente de Formulario
  • ngClass en Angular
  • Validación del Formulario con Angular
Routing en Angular
  • Routing en Angular
  • Reorganización de Componentes
  • RoutingModule y routing-oulet
  • Navegación con el objeto Router y Agregar Persona
  • Paso de Parámetros y Modificar Persona
  • Eliminar una Persona
  • Query Params en Angular
  • Child Route en Angular
  • Componente de Error en Angular
Peticiones HTTP en Angular (REST)
  • Uso de Firebase como base de datos
  • Método Post y Put para agregar información
  • Método Get para recuperar información
  • Modificar un registro
  • Método Delete para eliminar un registro
Autenticación y Autorización en Angular
  • Login Component
  • Configuración de Firebase para Autenticación
  • Obtención del Token al hacer Login
  • Enviando Token en cada petición HTTP
  • Componente de Login y Logout
  • Uso de Guardianes en Angular
Despliegue de la aplicación a Internet
  • Preparación de la aplicación para Producción
  • Despliegue de la aplicación a Producción (Internet)
Aplicación Final - Control de Clientes
  • Configuración de la base de datos de Cloud FireStore
  • Creación del proyecto - Control de Clientes en Angular
  • Creación de Componentes de la Aplicación de Control de Clientes
  • Instalación Módulo de Firebase y Flash Messages
  • Configuración de Rutas de la aplicación de Control de Clientes
  • Componente de Cabecero aplicación de Control de Clientes
  • Componente de Cabecero - segunda parte
  • Componente Tablero y Pie Página
  • Configuración de Firestore (Módulos)
  • Creación del Servicio de Clientes
  • Modificación del Componente de Clientes - parte 1
  • Modificación del Componente de Clientes - parte 2
  • Agregar Cliente - parte 1
  • Agregar Cliente - parte 2
  • Agregar Cliente - parte 3
  • Agregar Cliente - parte 4
  • Modificar Cliente - parte 1
  • Modificar y Eliminar Cliente - parte 2
Aplicación Final - Control de Clientes - parte 2