Más del 80% de las empresas líderes desarrollan sus aplicaciones con Angular.
Impulsa la adopción de Angular 20 en tu equipo con plan formativo A Medida, tutorizado y bonificable por FUNDAE para empresas. Diseñamos el plan formativo.
Aprende Angular 20 desde sus fundamentos hasta un nivel avanzado con un enfoque práctico y orientado a las necesidades del entorno empresarial.
1
Potencia tus proyectos con funcionalidades avanzadas de TypeScript, formularios dinámicos y optimización de rendimiento utilizando lo último en Angular Material y CLI.
Personaliza el temario al 100% para tu equipo
Diseñamos una formación a medida utilizando los documentos y flujos de trabajo reales de tu empresa.
Nueva Plataforma de E-learningFormación en directo con plataforma de apoyo para reforzar el aprendizaje
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Programa formativo
Temario del curso
Encuentra todo el temario del curso aquí.
Temario
Introducción
Archivos .js
Variables y palabras reservadas
Ámbito
Estructuras de control
Funciones: tipos de funciones y paso de parámetros
Expresiones y operadores
Clases y herencia
Destructuring y modelado de datos
Patrones de diseño y ejemplos de uso en Javascript
Operador de fusión de operadores Null/Nullish
Ejecutando archivos JavaScript con Node
Introducción
Archivos .js
Variables y palabras reservadas
Ámbito
Estructuras de control
Funciones: tipos de funciones y paso de parámetros
Expresiones y operadores
Clases y herencia
Destructuring y modelado de datos
Patrones de diseño y ejemplos de uso en Javascript
Tema 1: Repaso de fundamentos JavaScript y ECMAScript
Introducción
Archivos .js
Variables y palabras reservadas
Ámbito
Estructuras de control
Funciones: tipos de funciones y paso de parámetros
Expresiones y operadores
Clases y herencia
Destructuring y modelado de datos
Patrones de diseño y ejemplos de uso en Javascript
Operador de fusión de operadores Null/Nullish
Ejecutando archivos JavaScript con Node
Tema 2: Fundamentos de TypeScript
¿Qué es TSC?
Instalación y configuraciones principales de TSC
Transpilando código Typescript a Javascript
Tipado en Typescript
Creación de tipos propios en Typescript
Funciones y métodos
Interfaces
¿Cuándo crear tipos propios, clases o interfaces?
Decoradores
¿Cuándo usar decoradores?
Creación de scripts npm para automatizar la transpilación
Usando veresión Typescript de node para ejecutar diractamente código Typescript
Creación de scripts npm para automatizar la ejecución del código transpilado
Creando un proyecto Typescript
Tema 3: Introducción a Angular
¿Por qué Angular?
Ventajas y desventajas principales
Características
¿Qué es el renderizador de Angular?
¿Por qué es importante el renderizador de Angular?
Ivy vs Renderer 2: Motivos y Causas
Instalación de Angular CLI a través de NPM
Diferenciando entre instalaciones locales y globales de NPM
¿Qué es NPX y por qué usarlo?
Creación de tu primer proyecto Angular
Análisis de la estructura del proyecto y sus archivos de configuración
Desplegando nuestra aplicación localmente con Angular CLI
Tema 4: Angular CLI
Introducción
Comandos CLI esenciales
ng new
ng serve
ng generate
ng add
ng build
ng update
Tema 5: Componentes
Metadatos de componentes
Creación de un componente
Instanciando componentes en archivos HTML
Introducción al ngModel
Data binding
Uso de signals
Anidado de componentes
Pasando datos al componente a través de input()
Respondiendo a eventos con output()
Ciclo de Vida de los componentes
¿Cuándo usar el ciclo de vida de los componentes en aplicaciones reales?
Aplicando estilos a los componentes
¿Qué son los módulos?
La organización de un proyecto mediante módulos
Creación de módulos en un proyecto Angular
Inyección de dependencias en Angular
Creación de una plantilla HTML inicial
Tema 6: Angular Material v3
Introducción
¿Qué es Material Design?
¿Qué es Angular Material?
¿Qué es ng add?
Instalación y elección de tema por defecto a través de Angular CLI
Componentes y CDK
Declaración de módulos de Angular Material para usar los componentes
Componentes más usados
Schematics de Angular Material
Drag & Drop
Personalización de temas de Angular Material
Tema 7: Directivas
Directivas de atributo
Buenas prácticas en el uso de directivas de atributo
Directivas estructurales
Buenas prácticas en el uso de directivas estructurales
Tema 8: Formularios
Introducción
Formularios basados en plantillas
Creación de formularios basados en plantillas
Añadir selector con directivas
Two-way data binding con ngModel
Controlar estado y validez
Mostrar mensajes de error de validación
Enviar formulario con ngSubmit (submit)
Introducción a los Formularios Reactivos
Creación de Formularios Reactivos
Introducción a la validación de campos en formularios reactivos
Validando campos obligatorios
Validando campos numéricos
Validando campos booleanos
Validando campos de tipo lista
Validando expresiones regulares
Accediendo a los errores
Mostrar mensajes de error de validación
Anidación de validaciones
Validando que dos campos sean iguales
Comprobando el estado del formulario
Accediendo al contenido del formulario
Creación de un formulario de Login reactivo
Creación de un formulario de Registro reactivo
¿Qué son los formularios tipados?
Haciendo uso de los formularios tipados
Tema 9: Servicios
¿Qué es un servicio?
Repasando la inyección de dependencias y su implicación en los servicios
Creación y uso de servicios
Trabajando con Promesas
Trabajando con Observables
Procesado de recursos con servicios
Buenas prácticas al trabajar con servicios
Tema 10: Peticiones HTTP
Introducción
¿Por qué implementar un servicio?
Creación de servicios para gestión de peticiones HTTP
Realizando peticiones HTTP
Gestionando las respuestas HTTP
Analizando el código de estado de la respuesta
Analizando cabeceras de la respuesta
Trabajando con JSON
Manejar errores
Obtener los detalles del error
Retry
Observables y operadores
Petición de datos no JSON
Enviar datos al servidor
Configuraciones de las cabeceras para las peticiones
Verbos de peticiones
Peticiones: GET, POST, PUT y DELETE (CRUD)
¿Qué son los interceptors?
Creación de interceptors en Angular para eventos HTTP
Usando los interceptors de Angular
Tema 11: Routing
Introducción
Imports del Router
Configuración
Router Outlet
Router Links
Rutas con parámetros
Usando los parámetros del padre
Router Guards
Angular Resolvers
Tema 12: Pipes
Introducción
¿Por qué emplear Pipes y en qué nos ayudan?
DatePipe y sus opciones para fechas
Trabajando con locale para formateo de fechas
DecimalPipe y sus opciones para trabajar con decimales
CurrencyPipe
LowerCasePipe y UpperCasePipe
JSONPipe
PercentPipe
SlicePipe
Pipes personalizados
Async pipe y cómo usarlo en la gestión de observables
Tema 13: Especificidad CSS, BEM, Animaciones y Preprocesadores SASS en Angular
Entendiendo especificidad CSS y las implicaciones que tiene
BEM
Animaciones
Translate
Rotate
Scale
Introducción a los preprocesadores CSS: SASS y SCSS
Trabajando con SCSS y SASS en proyectos Angular
Tema 14: Testing
¿Qué es la documentación?
Beneficios de la documentación
Aplicando documentación con DocumentationJS
Aplicando documentación con CompoDoc
Comparación entre DocumentationJS y CompoDoc
¿Qué es el testing?
Beneficios del testing
Tipos de testing
Testing con Jasmine
Testing con Karma
Testing de componentes Angular
Tema 15: Builds y despliegue
Build y despliegue local
Configuraciones para diferentes entornos
Builds para distintos entornos
Generar archivos de entorno y variables de entorno
Tema 16: Firebase
¿Qué es Firebase y qué nos aporta?
Accediendo a la consola de Firebase
Creación de proyecto
Análisis de los servicios de Firebase
Administrando la aplicación web de Firebase
Instalaciones y configuraciones para conectarse a Firebase
Usando el sistema de autenticación de Firebase
Usando Firebase para almacenar nuestros datos y cómo administrarlos a través de su API
Desplegando nuestra aplicación en Firebase
Accediendo a través de la URL a la aplicación ubicada en Firebase
Tema 17: Trabajando con Git y automatizando procesos
Introducción a Gitlab CI
Creando un archivo YAML para crear flujos de tareas
Configurando YAML para automatizar Builds, Ejecución de tests y Despliegues
Otros servicios para publicar nuestras aplicaciones
Tema 18: Proyecto final
Planteamiento del proyecto y requisitos
Creando proyecto en Firebase
Desarrollo de la solución
Probando nuestro proyecto
Despliegue en Firebase
Perfiles profesionales
Pensado para quienes deben dominar Angular 20 en su día a día
Desarrolladores Frontend
Buscan ampliar sus habilidades con Angular para crear aplicaciones web modernas y dinámicas que se adapten a las demandas del negocio.
Ingenieros de Software
Requieren optimizar la arquitectura de aplicaciones empresariales, asegurando soluciones eficientes y escalables con Angular.
Equipos de Desarrollo TI
Necesitan capacitación en Angular para implementar las últimas prácticas del framework y mejorar la innovación en sus proyectos empresariales.
Preguntas frecuentes
Resolvemos todas tus dudas sobre nuestra formación en Angular 20
Explora las respuestas a las preguntas que guian a nuestra comunidad. Aqui encontraras claridad sobre como funciona todo, desde el acceso hasta los detalles de los cursos. Si buscas respuestas, este es el lugar para comenzar.
El curso de Angular 20te proporciona una comprensión profunda sobre el desarrollo de aplicaciones web dinámicas y modernas usando Angular. Aprenderás desde los fundamentos de TypeScript hasta la creación de proyectos completos con Angular, además de incorporar Angular Material y Firebase. Dominarás técnicas para mejorar la interacción del usuario y la gestión eficiente de datos.
Sí, el curso de Angular 20 es bonificable a través de FUNDAE. Las empresas pueden utilizar los créditos de formación disponibles para reducir el coste total del curso, incluso el coste adicional del 10% por la gestión de la bonificación es también bonificable según los créditos disponibles.
El curso de Angular 20 se imparte en modalidad de aula virtual personalizada, a través de videoconferencias por Zoom, los estudiantes pueden interactuar con el formador y acceder a las grabaciones de las clases, permitiendo una experiencia de aprendizaje flexible y adaptada a las necesidades empresariales.
Con el curso de Angular 20, desarrollarás habilidades en la construcción de aplicaciones web con Angular, manejo avanzado de TypeScript, integración de servicios como Firebase y creación de interfaces de usuario utilizando Angular Material. También adquirirás competencias en la gestión de rutas, servicios HTTP y la implementación de pruebas unitarias y de integración.
Puedes inscribirte en el curso de Angular 20 completando los formularios disponibles en nuestra página web. Asegúrate de proporcionar toda la información necesaria para que podamos gestionar tu inscripción y la bonificación a través de FUNDAE de manera efectiva.
El curso de Angular 20te proporciona una comprensión profunda sobre el desarrollo de aplicaciones web dinámicas y modernas usando Angular. Aprenderás desde los fundamentos de TypeScript hasta la creación de proyectos completos con Angular, además de incorporar Angular Material y Firebase. Dominarás técnicas para mejorar la interacción del usuario y la gestión eficiente de datos.
Sí, el curso de Angular 20 es bonificable a través de FUNDAE. Las empresas pueden utilizar los créditos de formación disponibles para reducir el coste total del curso, incluso el coste adicional del 10% por la gestión de la bonificación es también bonificable según los créditos disponibles.
El curso de Angular 20 se imparte en modalidad de aula virtual personalizada, a través de videoconferencias por Zoom, los estudiantes pueden interactuar con el formador y acceder a las grabaciones de las clases, permitiendo una experiencia de aprendizaje flexible y adaptada a las necesidades empresariales.
Con el curso de Angular 20, desarrollarás habilidades en la construcción de aplicaciones web con Angular, manejo avanzado de TypeScript, integración de servicios como Firebase y creación de interfaces de usuario utilizando Angular Material. También adquirirás competencias en la gestión de rutas, servicios HTTP y la implementación de pruebas unitarias y de integración.
Puedes inscribirte en el curso de Angular 20 completando los formularios disponibles en nuestra página web. Asegúrate de proporcionar toda la información necesaria para que podamos gestionar tu inscripción y la bonificación a través de FUNDAE de manera efectiva.
Diseñemos hoy el curso que tu empresa necesita
Cuéntanos tus objetivos de negocio y prepararemos una propuesta formativa bonificable totalmente ad hoc
Incrementa tu valor como profesional adquiriendo una habilidad clave y altamente demandada por empresas que buscan innovación y eficiencia en el desarrollo de sus aplicaciones.
3
Aplica tus conocimientos desde el primer día con ejercicios y proyectos prácticos, diseñados para replicar situaciones reales en un entorno de desarrollo empresarial.
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Ejercicios prácticos
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Practica y mejora con nuestra plataforma
Una plataforma practica, con IA integrada y pensada para que mejores desarrollando. Se adapta a tu ritmo, te corrige al instante y te muestra tu progreso real.
Correccion magica
Feedback inteligente
Aprende de cada acierto y fallo con explicaciones claras