Sesión 1 – Introducción a TypeScript

• Introducción a TypeScript
  Instalación de Node.js
  Instalación de VS Code
  Instalación de TypeScript
  Definición de Variables con TypeScript
  Definición de Clases y Objetos con TypeScript
  Definición de Interfaces con TypeScript
  Definición de Generics con TypeScript
  Funciones Flecha con TypeScript

Sesión 2 – Comenzando con Angular

• Introducción a Angular
  Instalación de Angular
  Instalando Extensiones de Visual Studio Code para Angular
  Mi primera App con Angular
  Modificando nuestra App de Angular
  Cambios en los Componentes de Angular
  Recrear la carpeta de node_modules en Angular

Sesión 3 – Fundamentos de Angular

• Flujo de una aplicación en Angular
  Creación de Componente Manualmente en Angular
  Creación de Componente en Angular con (CLI)
  Generación de componentes en Línea
  Instalación de Bootstrap en Angular
  Aplicando Estilos CSS a Angular

Sesión 4 – Elementos Básicos de Angular

• Interpolación con Angular
  Template Reference Variable en Angular
  Property Binding en Angular
  Event Binding en Angular
  Two way binding con Angular
  Ejercicio: Calculadora con Angular

Sesión 5 – Directivas con Angular

• Directiva *ngIf con Angular
  Manejo de else con la directiva *ngIf en Angular
  Directiva *ngFor en Angular
  Creación Clase Persona
  Uso de directiva ngFor en Clase Persona
  Formulario para Agregar Nueva Persona

Sesión 6 – Comunicación entre componentes

• Property Binding entre Componentes en Angular
  Event Biding entre Componentes en Angular
  Ejercicio: Modularización Aplicación Calculadora en Angular
  Referencias Locales en Angular
  ViewChild y Local Reference en Angular

Sesión 7 – 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

Sesión 8 – Mejorando Visualmente nuestras Apps con Angular

• Mejora Visual Listado de Personas
  Ejercicio: Aplicación de Presupuesto con Angular
  Creación de Componentes Presupuesto APP
  Creación de Clases de Modelo y Servicios de Presupuesto APP
  Agregar y Configurar Font Awesome
  Separación de la plantilla HTML en componentes de Angular
  AppComponente y Cabecera Component
  Componente Ingresos
  Componente Egresos
  Usando Pipes para dar formato a los números en Angular
  Componente de Formulario
  ngClass en Angular
  Validación del Formulario con Angula

Sesión 9 – 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

Sesión 10 – Proceso Crud Simple

• Introducción
  Instalación y Configuración de Bootstrap
  Configuración de estilos
  Clase Empleados
  Métodos GuardarEditar, Editar, Eliminar
  Salida HTML

Sesión 11 – Autenticación y Autorización en Angular

• Presentación del Proyecto
  Uso de Firebase
  Creación del Proyecto
  Agregar y Configurar Bootstrap y Font Awesome
  Mejorar la Presentación del Toast
  Integrar Firebase en Angular
  Definir clase de modelo
  Crear Servicio de Datos
  Componente Guardar Personal
  Componente Listar Personal
  Componente Detalle Personal
  Definir rutas para el módulo de enrutamiento de aplicaciones
  Navbar y la Vista del Enrutador a la Aplicación Angular 17 Firebase
  Componente Error
  Agregar Fondo a Nuestro Proyecto
  Ejecutar el Proyecto

Sesión 12 – 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)