Módulos y Contenidos:

Mes 1: Fundamentos de Angular (4 semanas)

• Clase 1: Introducción a Angular
  • ¿Qué es Angular? Historia y beneficios.
  • Instalación de Node.js, Angular CLI y configuración del entorno.
  • Creación de un proyecto Angular básico.
  • Estructura del proyecto.
• Clase 2: Componentes y Plantillas
  • ¿Qué son los componentes?
  • Generar un componente con Angular CLI.
  • Directivas estructurales (*ngIf, *ngFor).
  • Enlace de datos (Data Binding): Interpolación, Property Binding y Event Binding.
• Clase 3: Módulos y Rutas
  • ¿Qué es un módulo en Angular?
  • Configuración del módulo raíz.
  • Introducción al enrutamiento: Definir rutas y usar RouterModule.
• Clase 4: Servicios e Inyección de Dependencias
  • ¿Qué es un servicio?
  • Crear un servicio con Angular CLI.
  • Inyección de dependencias en componentes.
  • Uso básico de servicios para compartir datos.
• Clase 5: Trabajo con Formularios (Template-Driven Forms)
  • Crear un formulario básico.
  • Validaciones nativas.
  • Uso de la directiva ngModel.

Mes 2: Construyendo Funcionalidades (4 semanas)

• Clase 6: Formularios Reactivos (Reactive Forms)
  • ¿Qué son los formularios reactivos?
  • Crear formularios dinámicos con FormGroup y FormControl.
  • Validaciones personalizadas.
• Clase 7: HTTPClient y Consumo de APIs
  • Configuración del módulo HttpClientModule.
  • Realizar peticiones GET, POST, PUT y DELETE.
  • Manejo de errores HTTP.
• Clase 8: Directivas Personalizadas
  • ¿Qué son las directivas personalizadas?
  • Crear una directiva estructural y de atributo.
  • Uso de Renderer2 para manipular el DOM.
• Clase 9: Pipes en Angular
  • ¿Qué son los pipes?
  • Uso de pipes integrados (date, currency, json).
  • Crear pipes personalizados.
• Clase 10: Comunicación entre Componentes
  • Entrada (@Input) y salida (@Output).
  • Uso de EventEmitter.
  • Componente padre-hijo y comunicación entre ellos.

Mes 3: Manejo Avanzado (4 semanas)

• Clase 11: Manejo del Ciclo de Vida de un Componente
  • Métodos del ciclo de vida (ngOnInit, ngOnChanges, ngOnDestroy, etc.).
  • Ejemplos prácticos.
• Clase 12: Animaciones en Angular
  • Configuración básica del módulo de animaciones.
  • Uso de trigger, state, style, transition, animate.
  • Crear animaciones simples.
• Clase 13: Observables y RxJS
  • Introducción a RxJS y Observables.
  • Crear y suscribirse a un Observable.
  • Operadores básicos (map, filter, mergeMap).
• Clase 14: Uso de Servicios Avanzados
  • Servicios Singleton.
  • Uso compartido de datos entre múltiples componentes.
  • Interceptores HTTP.
• Clase 15: Lazy Loading
  • ¿Qué es la carga diferida?
  • Configuración de módulos para Lazy Loading.
  • Beneficios en el rendimiento.

Mes 4: Proyecto Práctico (4 semanas)

• Clase 16: Diseño de la Aplicación
  • Planteamiento del proyecto práctico.
  • Creación de la estructura básica.
• Clase 17: Creación de Componentes Clave
  • Desarrollar la interfaz principal.
  • Crear y organizar componentes reutilizables.
• Clase 18: Implementación de Formularios y Rutas
  • Formularios complejos.
  • Navegación entre vistas.
• Clase 19: Integración con APIs
  • Consumo de una API real o simulada.
  • Mostrar datos dinámicos.
• Clase 20: Manejo de Estados
  • Uso de servicios para gestionar el estado global.
  • Persistencia con LocalStorage o SessionStorage.

Mes 5: Despliegue y Optimización (4 semanas)

• Clase 21: Testing en Angular
  • Introducción al testing de componentes y servicios.
  • Uso de herramientas como Karma y Jasmine.
• Clase 22: Optimización de la Aplicación
  • Reducción del tamaño del bundle.
  • Uso de Ahead-of-Time (AOT) Compilation.
  • Buenas prácticas para rendimiento.
• Clase 23: Deploy de la Aplicación
  • Configuración del entorno de producción.
  • Despliegue en plataformas como Firebase, Netlify o AWS.
• Clase 24: Revisión del Proyecto
  • Presentación de los proyectos realizados.
  • Revisión del código y feedback.
• Clase 25: Futuras Direcciones
  • Introducción a temas avanzados como NgRx, Angular Universal, o Progressive Web Apps.
  • Resolución de dudas finales.