Usted está aquí: / / / / Curso Angular 20 Online

Curso Angular 20 Online

El curso de Angular 20 es un curso diseñado para cubrir las necesidades y retos de de programadores que requieren conocer y trabajar sobre nuevas arquitecturas de desarrollo basadas en aplicaciones SPA.

curso angular online

Curso Angular 20 Online

El curso de Angular 20 es un curso diseñado para cubrir las necesidades y retos de de programadores que requieren conocer y trabajar sobre nuevas arquitecturas de desarrollo basadas en aplicaciones SPA.

curso angular online
Básico 35 horas Online 100% Bonificable 10 Lecciones Acceso Inmediato en Autoestudio Temario

100% BONIFICABLE FUNDAE

  • Duración: 5 semanas
  • Bonificable para Empleados
  • Ejercicios prácticos
  • Título propio Digital Credential
  • Inicio Tutorizado: convocatorias mensuales
  • Inicio Autoestudio: Inmediato
Añadir a Carrito - Tutorizado / 262,50
Añadir a Carrito - Autosestudio / 240€
Comprar Tutorizado Ahora - 262,50
Comprar Autoestudio Ahora - 240€

*IVA no incluido

¿ERES EMPRESA?
¿Quieres matricular a tus empleados?

Pulsa aquí

cursos online

Requisitos

Angular 20 es la última versión del framework de desarrollo web creado por Google, diseñado para construir aplicaciones web modernas, escalables y de alto rendimiento. Se basa en TypeScript, lo que permite un código más seguro y mantenible. Esta versión introduce mejoras significativas en optimización de rendimiento, renderizado más rápido y una gestión más eficiente de los componentes y módulos gracias a su arquitectura basada en Standalone Componentes.

A través del curso Angular 20 aprenderás a utilizar esta nueva versión del framework mejorado para conseguir cosas como la reducción de tiempos de carga o un aumento en la respuesta de las aplicaciones SPA. A través del renderizado híbrido conseguimos mejorar el posicionamiento SEO de los sitios y optimizar la experiencia de usuario.

Descubre todas las novedades de esta versión de Angular, sus nuevas funcionalidades y cómo ha mejorado para ayudarnos en nuestro trabajo de desarrollo. Desarrolla las habilidades para utilizar Angular 20 a través del uso de Standalone Components como estándar para que seas capaz de hacer un uso correcto de la estructura de la nueva versión del software.

Objetivos

Al finalizar la formación para aprender Angular 20 el alumno podrá:

  • Conocer las ventajas que tiene sobre otros framework JavaScript similares, y haremos un análisis introductorio de los principales componentes de Angular.
  • Implementar todos y cada uno de los distintos filtros, y el uso de las expresiones en su desarrollos
  • Comprender e implementar validaciones sencillas en nuestros formularios
  • Inyectar Componentes y crear distintos tipos de servicios
  • Conocer los servicios integrados de AngularJS
  • Gestionar peticiones y comunicaciones con el backend

Público

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.

Temario

  • ¿Qué es Angular y qué resuelve?
  • Angular: fundamentos clave
  • Angular vs otros frameworks
  • Preparar el entorno
  • Crear el primer proyecto Angular
  • Resumen
  • 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
  • Binding de datos en plantillas
  • Directivas estructurales
  • Directivas de atributo
  • Pipes integrados
  • Creación de pipes personalizados
  • Resumen
  • 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
  • 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
  • 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
  • Introducción a formularios reactivos
  • Validaciones reactivas
  • Manejo programático de errores
  • Validadores personalizados
  • Validación de formularios complejos
  • Resumen
  • 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
  • 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
  • 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
  • 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
  • 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
Descargar Temario

Requisitos

Angular 20 es la última versión del framework de desarrollo web creado por Google, diseñado para construir aplicaciones web modernas, escalables y de alto rendimiento. Se basa en TypeScript, lo que permite un código más seguro y mantenible. Esta versión introduce mejoras significativas en optimización de rendimiento, renderizado más rápido y una gestión más eficiente de los componentes y módulos gracias a su arquitectura basada en Standalone Componentes.

A través del curso Angular 20 aprenderás a utilizar esta nueva versión del framework mejorado para conseguir cosas como la reducción de tiempos de carga o un aumento en la respuesta de las aplicaciones SPA. A través del renderizado híbrido conseguimos mejorar el posicionamiento SEO de los sitios y optimizar la experiencia de usuario.

Descubre todas las novedades de esta versión de Angular, sus nuevas funcionalidades y cómo ha mejorado para ayudarnos en nuestro trabajo de desarrollo. Desarrolla las habilidades para utilizar Angular 20 a través del uso de Standalone Components como estándar para que seas capaz de hacer un uso correcto de la estructura de la nueva versión del software.

Objetivos

Al finalizar la formación para aprender Angular el alumno podrá:

  • Conocer las ventajas que tiene sobre otros framework JavaScript similares, y haremos un análisis introductorio de los principales componentes de Angular.
  • Implementar todos y cada uno de los distintos filtros, y el uso de las expresiones en su desarrollos
  • Comprender e implementar validaciones sencillas en nuestros formularios
  • Inyectar Componentes y crear distintos tipos de servicios
  • Conocer los servicios integrados de AngularJS
  • Gestionar peticiones y comunicaciones con el backend

Público

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.

Temario

  • ¿Qué es Angular y qué resuelve?
  • Angular: fundamentos clave
  • Angular vs otros frameworks
  • Preparar el entorno
  • Crear el primer proyecto Angular
  • Resumen
  • 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
  • Binding de datos en plantillas
  • Directivas estructurales
  • Directivas de atributo
  • Pipes integrados
  • Creación de pipes personalizados
  • Resumen
  • 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
  • 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
  • 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
  • Introducción a formularios reactivos
  • Validaciones reactivas
  • Manejo programático de errores
  • Validadores personalizados
  • Validación de formularios complejos
  • Resumen
  • 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
  • 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
  • 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
  • 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
  • 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
Descargar Temario

100% BONIFICABLE FUNDAE

  • Duración: 5 semanas
  • Bonificable para Empleados
  • Ejercicios prácticos
  • Título propio Digital Credential
  • Inicio Tutorizado: convocatorias mensuales
  • Inicio Autoestudio: Inmediato
Añadir a Carrito - Tutorizado / 262,50
Añadir a Carrito - Autosestudio / 240€
Comprar Tutorizado Ahora - 262,5€
Comprar Autosestudio Ahora - 240€

*IVA no incluido

¿ERES EMPRESA?
¿Quieres matricular a tus empleados?

Pulsa aquí

cursos online
Cursos relacionados

Complementa tu formación con estos cursos

Productos relacionados

¿Para qué sirve Angular?

Se trata de un framework para aplicaciones web desarrollado en TypeScript, utilizado para crear y mantener aplicaciones web de una sola página. Es de código abierto y está mantenido por Google.

Aprende desarrollo de aplicaciones web modernas con Angular, descubre todas las novedades y prepárate para tu certificación. Con nuestros cursos de programación podrás aprender desde frontend hasta backend, bien para principiantes o con conceptos avanzados.

Angular 20 es la versión más actualizada de Angular, un frameworks de desarrollo creado por Google. Esta versión es crucial para la continuación de angular ya que estabiliza características que previamente estaban en progreso. Angular 20 trae actualizaciones como la estabilización de APIs, mejores herramientas de depuración creadas para reducir puntos de fricción y conseguir un desarrollo más intuitivo. Esta versión consolida el estatus de Angular como framework ya que se han mejorado características previas que son clave para el desarrollo.

Inscríbete en nuestro curso online y aprende a utilizar Angular.