Curso Angular

Angular es uno de los frameworks frontend más demandados del mercado. Esta vertical cubre el Angular actual con componentes standalone por defecto, signals, control de flujo nativo con arroba if, arroba for y arroba switch, carga diferida con arroba defer, Server Side Rendering con hidratación incremental, formularios reactivos, HttpClient con interceptores funcionales y testing unitario más pruebas E2E.

Angular destaca por su arquitectura, su sistema de componentes reutilizables y su capacidad para crear aplicaciones web escalables y mantenibles. Las empresas buscan perfiles que dominen este framework debido a su adopción en proyectos empresariales y su ecosistema maduro.

Al completar esta formación en Angular, habrás adquirido las habilidades técnicas más valoradas en el mercado laboral, desde la creación de componentes standalone y signals hasta la implementación de arquitecturas con gestión de estado, autenticación JWT y SSR.

Público objetivo

Este curso Angular está diseñado para:

• Desarrolladores JavaScript y TypeScript que desean especializarse en desarrollo frontend con frameworks modernos
• Programadores principiantes con conocimientos básicos de HTML, CSS y JavaScript que buscan dar el salto profesional
• Desarrolladores frontend que trabajan con otras tecnologías y quieren ampliar su stack tecnológico
• Estudiantes de informática que desean adquirir competencias prácticas en desarrollo web moderno
• Profesionales en reconversión hacia el sector tecnológico que buscan una especialización con alta demanda laboral

No se requiere experiencia previa con Angular, aunque es recomendable tener conocimientos básicos de TypeScript y programación orientada a objetos.

Contenido del curso

Fundamentos y configuración inicial

El curso comienza con una introducción a Angular completa, cubriendo la instalación del entorno de desarrollo y el dominio de Angular CLI. Aprenderás a configurar proyectos desde cero con Server Side Rendering activado y a comprender la estructura standalone que caracteriza al Angular actual.

Arquitectura de componentes moderna

Dominarás los componentes standalone como enfoque por defecto para crear aplicaciones modulares. Explorarás técnicas de data binding completas (interpolación, property binding, event binding y two-way binding), el control de flujo nativo con arroba if, arroba switch y arroba for, la carga diferida con arroba defer (placeholder, loading y error) y las funciones input y output que reemplazan a los decoradores clásicos.

Gestión de estado y reactividad

Profundizarás en Signals, la API reactiva nativa de Angular. Aprenderás a crear signals escribibles, computed signals, effects, linkedSignal y la API resource para datos asíncronos, así como la detección de cambios zoneless y la interoperabilidad con RxJS mediante toSignal y toObservable.

Enrutado y navegación avanzada

Implementarás sistemas de navegación con el Router de Angular, incluyendo guards funcionales, resolvers, rutas hijas y lazy routes con loadComponent.

Servicios e inyección de dependencias

Dominarás el sistema de inyección de dependencias de Angular, tanto con el enfoque tradicional por constructor como con la función inject(), comprendiendo la jerarquía de environment injector y element injector.

Comunicación HTTP y APIs

Aprenderás a integrar APIs REST utilizando HttpClient con provideHttpClient y withFetch, implementando interceptores funcionales registrados con withInterceptors, manejo de errores y estrategias de retry.

Programación reactiva con RxJS y Signals

Explorarás los fundamentos de RxJS y observables, dominando operadores esenciales como map, filter, switchMap y forkJoin para manejar flujos de datos, y cuándo usar signals en lugar de RxJS.

Formularios avanzados

Implementarás tanto Template Driven Forms como Reactive Forms, incluyendo validadores personalizados, FormArray, formularios dinámicos y la API de Signal Forms.

Testing y calidad del código

Desarrollarás competencias en testing con Karma y Jasmine o Jest equivalente para servicios y componentes con HttpTestingController y mocks, y pruebas E2E con Playwright o Cypress.

Tecnologías complementarias

El curso incluye módulos sobre Server Side Rendering con hidratación incremental, autenticación JWT, y la integración con librerías de estilos como Tailwind CSS, Angular Material, ng-bootstrap y PrimeNG.

Proyecto integrador

Como cierre de la vertical, desarrollarás un proyecto CRUD completo que combina componentes standalone, signals, control de flujo nativo, arroba defer, lazy routes con guard y resolver, Reactive Forms con validador personalizado, HttpClient con interceptor, SSR configurado con modos Prerender, Server y Client, tests unitarios con TestBed y HttpTestingController y al menos una prueba E2E.

Objetivos de aprendizaje

Al finalizar este curso Angular, serás capaz de:

• Desarrollar aplicaciones web completas con Angular y TypeScript usando componentes standalone
• Implementar componentes reutilizables con input y output funcionales y signals
• Gestionar el estado de aplicaciones combinando signals, computed, effect e interop con RxJS
• Integrar APIs REST con HttpClient, provideHttpClient y withFetch más interceptores funcionales
• Crear sistemas de enrutado con lazy routes, guards funcionales y resolvers
• Desarrollar formularios dinámicos con Reactive Forms, validadores personalizados, FormArray y Signal Forms
• Implementar autenticación con JWT e interceptores de autorización
• Escribir tests unitarios con TestBed y HttpTestingController y pruebas E2E con Playwright o Cypress
• Optimizar aplicaciones con SSR, hidratación incremental, lazy routes y el bloque arroba defer
• Integrar librerías como Tailwind CSS, Angular Material, ng-bootstrap y PrimeNG

Este curso Angular desde cero te proporcionará las competencias para acceder a posiciones de desarrollador frontend en empresas que valoran la calidad del código y la experiencia de usuario.

certificateTOC

• Módulo 1: Introducción y entorno
  • Primer proyecto con Angular CLI
  • Instalación del entorno y arquitectura del proyecto
  • Test de fundamentos
• Módulo 2: Desarrollo de componentes standalone
  • Componentes standalone, data binding e interpolación
  • Control de flujo nativo (arroba if, arroba for, arroba switch)
  • Inputs, outputs y hooks de ciclo de vida
  • Directivas personalizadas, viewChild y bloque arroba defer
  • Puzzle de componentes
• Módulo 3: Enrutado y navegación
  • Router, RouterLink, ActivatedRoute y router-outlet
  • Guards funcionales, resolvers y lazy routes
  • Test de routing
• Módulo 4: Servicios e inyección de dependencias
  • Servicios, providedIn, inyección por constructor y función inject
  • Jerarquía de environment injector y element injector
  • Test de inyección de dependencias
• Módulo 5: Comunicación HTTP
  • HttpClient con provideHttpClient y withFetch
  • Interceptores funcionales y de autenticación
• Módulo 6: Programación reactiva con RxJS
  • Observables y operadores (map, filter, switchMap, forkJoin)
  • Gestión de errores y retry
• Módulo 7: Signals y reactividad
  • Writable signals, computed y effect
  • Signal inputs, outputs, model, queries y linkedSignal
  • toSignal, toObservable y resource
  • Test de signals
• Módulo 8: Formularios plantilla y reactivos
  • Template Driven Forms con ngModel
  • Reactive Forms, FormGroup, FormArray y validadores personalizados
  • Signal Forms
  • Puzzle de formularios
• Módulo 9: State management
  • RxJS Subjects y estado con signals
• Módulo 10: Seguridad, autenticación y autorización
  • JWT y decodificación de tokens
• Módulo 11: Testing
  • Testing de servicios y componentes con mocks
• Módulo 12: Server Side Rendering
  • SSR y server routes con Prerender, Server y Client
• Módulo 13: Integración con librerías CSS
  • Tailwind CSS, Angular Material, ng-bootstrap y PrimeNG
• Proyecto integrador
  • Aplicación CRUD con Angular actual, SSR, tests unitarios y E2E