ver vídeo
Programación Entornos de programación

Cod. ANGULAR20

Curso de Angular 20: desarrollo de aplicaciones web escalables

ver vídeo

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.

  • Dirigido a

    Desarrolladores web que:

    • Quieren aprender Angular desde cero con su nueva arquitectura moderna (standalone components, signals, provideRouter, etc.).
    • Desean actualizarse a Angular 20 si vienen de versiones anteriores del framework.
    • Buscan una alternativa robusta a React o Vue para aplicaciones empresariales.

    Estudiantes de programación o formación técnica que:

    • Necesitan aprender un framework frontend orientado a producción y ampliamente usado en el sector corporativo.

    Equipos de desarrollo o empresas que:

    • Requieren formación actualizada en Angular para escalar sus proyectos internos.
    • Buscan mantener la cohesión técnica en el stack frontend de su organización.
    • Trabajan o planean trabajar con proyectos de larga duración y arquitectura sólida.

  • ¿Qué competencias vas a adquirir?

    Desarrollar aplicaciones web utilizando Angular 20.

  • Requisitos

    • Conocimientos básicos de HTML, CSS y JavaScript moderno (ES6+)
    • No se necesita experiencia previa con Angular u otros frameworks.

Descarga el temario completo en PDF
  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
Área de competencia Competencia 1: Información y alfabetización Digital BásicoBás. IntermedioInt. AvanzadoAv. EspecializadoEsp.
1.1. Navegar, buscar y filtrar datos, información y contenidos digitales
1.2 Evaluar datos, información y competencias digitales
1.3 Gestión de datos, información y competencias digitales
Área de competencia Competencia 2: Comunicación y colaboración
2.1. Interactuar a través de tecnologías digitales
2.2. Compartir a través de tecnologías digitales
2.3. Participación ciudadana a través de las tecnologías digitales
2.4. Colaboración a través de las tecnologías digitales
2.5. Comportamiento en la red
2.6 Gestión de la identidad digital
Área de competencia Competencia 3: Creación de Contenidos digitales
3.1. Desarrollo de contenidos
3.2. Integración y reelaboración de contenido digital
3.3. Derechos de autor (copyright) y licencias de propiedad intelectual
3.4. Programación
Área de competencia Competencia 4: Seguridad
4.1. Protección de dispositivos
4.2. Protección de datos personales y privacidad
4.3. Protección de la salud y del bienestar
4.4. Protección medioambiental
Área de competencia Competencia 5: Resolución de Problemas
5.1. Resolución de problemas técnicos
5.2. Identificación de necesidades y respuestas tecnológicas
5.3. Uso creativo de la tecnología digital
5.4. Identificar lagunas en las competencias digitales

¿Necesitas impartir esta formación en tu organización?

Solicita más información

Angular 20: desarrollo de aplicaciones web escalables

DigComp 2.2 Marco Europeo de Competencias Digitales

Este sitio utiliza cookies propias y de terceros con fines analíticos anónimos, para guardar tus preferencias y garantizar el correcto funcionamiento del sitio web.

Puedes aceptar todas las cookies, rechazarlas o configurarlas según tus preferencias utilizando los botones correspondientes.

Puedes obtener más información y volver a configurar tus preferencias en cualquier momento en la Política de cookies