Curso de ANGULAR 20: DESARROLLO DE APLICACIONES WEB ESCALABLES

Presentación

En la actualidad, el desarrollo web exige herramientas modernas y eficientes que respondan a las necesidades cambiantes de proyectos corporativos y aplicaciones de larga duración. Angular 20 representa la evolución del framework con una arquitectura renovada basada en Standalone Components, que elimina la dependencia de NgModules y simplifica la estructura de los proyectos. Además, introduce señales reactivas y una gestión avanzada del enrutamiento, facilitando la creación de aplicaciones más escalables y mantenibles.

Este framework es una alternativa sólida y ampliamente adoptada en entornos empresariales, que permite construir interfaces robustas y con un alto rendimiento. Aprender Angular en su versión más reciente no solo actualiza tus conocimientos técnicos, sino que también te posiciona competitivamente ante las demandas del mercado laboral y de proyectos de software modernos.

Este curso te proporcionará una comprensión clara y práctica de las nuevas funcionalidades, con un enfoque completo en el uso de Standalone Components como estándar, asegurando que domines la estructura actualizada del framework. Al finalizar, tendrás las herramientas necesarias para implementar soluciones frontend con una arquitectura sólida y adaptable, facilitando tu integración en equipos técnicos y mejorando la eficiencia en el desarrollo de aplicaciones.

Contenido

Unidades

1. Introducción a Angular y preparación del entorno

   • ¿Qué es Angular y qué resuelve?
   • Angular: fundamentos clave
   • Angular vs otros frameworks
   • Preparar el entorno
   • Crear el primer proyecto Angular
   • Resumen

2. Componentes en profundidad

   • Declaración de Componentes y Standalone Components
   • Comunicación entre componentes con @Input y @Output
   • Ciclo de vida del componente
   • Estilos: encapsulados y globales
   • Resumen

3. Templates, directivas y pipes

   • Binding de datos en plantillas
   • Directivas estructurales
   • Directivas de atributo
   • Pipes integrados
   • Creación de pipes personalizados
   • Resumen

4. Enrutamiento con provideRouter

   • Fundamentos del routing en Angular 20
   • Configuración de rutas con provideRouter y Route
   • Navegación entre vistas
   • Parámetros de ruta y query params
   • Lazy loading moderno
   • Guards básicos
   • Caso práctico: aplicación de un restaurante
   • Resumen

5. Servicios e inyección de dependencias

   • Introducción a los servicios
   • Creación e inyección de servicios
   • Ámbito y ciclo de vida de servicios
   • Comunicación HTTP con HttpClient
   • Manejo básico de errores en peticiones HTTP
   • Interceptors HTTP para manejo global de peticiones y errores
   • Lazy services y carga perezosa de servicios
   • Resumen

6. Formularios template-driven

   • Estructura básica de formularios template-driven
   • Binding y sincronización con ngModel
   • Validaciones básicas en formularios template-driven
   • Mostrar mensajes de error
   • Formularios anidados simples
   • Resumen

7. Formularios reactivos

   • Introducción a formularios reactivos
   • Validaciones reactivas
   • Manejo programático de errores
   • Validadores personalizados
   • Validación de formularios complejos
   • Resumen

8. Signals y estado reactivo

   • Introducción a Signals
   • API básica de Signals
   • Estado local reactivo sin necesidad de Observables
   • Uso de Signals en templates Angular
   • Diferencias entre Signals y RxJS
   • Integración y coexistencia entre Signals y RxJS
   • Resumen

9. Comunicación avanzada y manejo de estado

   • Comunicación entre componentes hermanos
   • Comparativa: EventEmitter vs Subject
   • Patrones de arquitectura recomendados para manejo de estado
   • Uso básico de BehaviorSubject y Signals compartidos
   • Introducción a estado compartido simple sin NgRx
   • Conceptos de gestión de estado reactivo a mayor escala (sin librerías externas)
   • Resumen

10. Testing de componentes y servicios

    • Importancia de testear en Angular
    • Configuración del entorno de testing
    • Pruebas de componentes
    • Pruebas de servicios
    • Pruebas de formularios
    • Introducción a pruebas end-to-end (E2E) con Cypress o Playwright
    • Resumen

11. Arquitectura escalable y buenas prácticas

    • Organización por features (Feature Folders)
    • Reutilización de componentes y servicios
    • Nomenclatura, rutas y estructura limpia
    • Introducción a NgModules
    • Migración y coexistencia entre NgModules y Standalone Components
    • Monorepos y herramientas para proyectos grandes (Nx)
    • Buenas prácticas de seguridad en Angular
    • Resumen

12. Despliegue y optimización para producción

    • Variables de entorno
    • Comandos de build para producción
    • Técnicas de lazy loading para mejorar performance
    • Opciones populares para despliegue
    • Análisis de bundles y optimización avanzada (tree shaking, preloading)
    • Monitorización post-despliegue y feedback de usuarios
    • Resumen

Bonificación

¿Qué es FUNDAE y la formación subvencionada?

FUNDAE es la Fundación Estatal para la Formación en el Empleo que, a través de la gestión de fondos públicos, ayuda a las empresas a formar a las personas trabajadoras y les facilita su acceso gratuito o con descuento a la oferta formativa.

La formación bonificada es una formación subvencionada por el Estado español, a través de FUNDAE, que permite que las empresas mantengan a sus trabajadores formados para que éstos estén actualizados.

¿De qué crédito dispone mi empresa?

Toda empresa dispone un crédito formativo mínimo de 420€ al año para bonificar en formación. Este crédito del que dispone la empresa procede de la recaudación de la cuota de Formación Profesional que realiza la empresa a la Seguridad Social y se calcula en función de lo cotizado por formación profesional así como la plantilla media. FUNDAE dispone de una aplicación para poder calcular este crédito. Es importante saber que si el crédito no se emplea se pierde.

¿Cómo puedo hacer la tramitación?

La gestión de la tramitación la puede realizar tu propia empresa o una gestoría. El siguiente VÍDEO muestra los pasos a seguir para que cualquier empresa pueda obtener bonificaciones.

¿Cuándo se bonifica mi empresa los gastos de la formación?

Las bonificaciones en las cotizaciones de la Seguridad Social se aplicarán una vez comunicada la finalización de la formación, que debe hacerse con anterioridad a la fecha en que finaliza el plazo de presentación del boletín de cotización correspondiente al mes de diciembre del ejercicio económico.

¿Puedo optar a bonificar este curso?

La formación bonificada la pueden aplicar todas aquellas empresas españolas para sus trabajadores dados de alta en el Régimen General de la Seguridad Social. Los trabajadores en Régimen Especial de Autónomos no se pueden acoger a la bonificación, por lo que no disponen de crédito en FUNDAE y no pueden pedir este tipo de formación.

¿El Colegio de Ingenieros Industriales de Navarra gestiona la tramitación de la bonificación?

No, nosotros no realizamos las tramitaciones de las empresas para bonificarse la formación pero sí que facilitamos toda la información necesaria para poder gestionarla.