Angular impulsa más de 3 millones de sitios web en todo el mundo
Capacita a tu equipo en Angular 18 Online y A Medida, mejora calidad y despliegues, bonificable por FUNDAE para empresas. Diseñamos el plan formativo.
Domina Angular 18 desde sus fundamentos hasta el desarrollo avanzado, a través de un temario estructurado que abarca desde JavaScript y TypeScript hasta la implementación de servicios y directivas.
1
Aprende a optimizar aplicaciones empresariales utilizando Angular Material y herramientas como Firebase para asegurar un rendimiento excepcional en tus desarrollos.
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
Operador de coalescencia nula
Anidado de componentes
Pasando datos al componente a través de @Inputs
Respondiendo a eventos con @Outputs
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
¿Qué son los componentes standalone y cuándo usarlos?
Creando y usando componentes Standalone
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 formulairo 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 intercetpros 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
Pasando información entre rutas a través de parámetros y query params
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: Espeficidad 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
¿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 difrentes 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 aplicacció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
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 18 en su día a día
Desarrolladores Frontend
Desean profundizar en Angular para crear interfaces de usuario atractivas y eficientes.
Ingenieros de Software
Buscan implementar mejores prácticas de desarrollo en Angular para proyectos empresariales.
Equipos de Desarrollo TI
Requieren formación en Angular para potenciar la innovación en el desarrollo de sus aplicaciones.
Programadores Fullstack
Integran Angular con tecnologías backend para lograr una sincronización completa del proyecto.
Preguntas frecuentes
Resolvemos todas tus dudas sobre nuestra formación en Angular 18
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.
Realizar el curso de Angular 18 te ayudará a desarrollar aplicaciones web modernas, escalables y altamente eficientes. Aprenderás a utilizar las nuevas funcionalidades del framework, como las Angular Signals, control de rutas mejorado, standalone components, y mejoras en el rendimiento. Estas habilidades son clave para cualquier desarrollador frontend que quiera trabajar en proyectos profesionales con las últimas tecnologías.
Sí, el curso de Angular 18 es bonificable a través de FUNDAE. Las empresas pueden cubrir total o parcialmente el coste del curso con sus créditos de formación.
Te ofrecemos la posibilidad de gestionar la bonificación por ti, si así lo deseas, por un coste extra del 10% del valor del curso + IVA. Dicho coste también es hasta 100% bonificable a través de FUNDAE si dispones de créditos disponibles.
El curso de Angular 18 está disponible en modalidad online (flexible, con acceso 24/7 a contenidos y totalmente tutorizado) y en aula virtual personalizada (formación en directo vía Zoom, con temario y horarios adaptados a tu empresa). Ambas opciones son bonificables hasta el 100% mediante FUNDAE.
Aprenderás a trabajar con componentes standalone, gestionar el estado de la aplicación con Angular Signals, optimizar la carga mediante lazy loading y control de rutas avanzado, consumir APIs REST, aplicar buenas prácticas de arquitectura, y desarrollar interfaces dinámicas y responsivas utilizando TypeScript, RxJS y los nuevos features de Angular 18.
Puedes inscribirte en el curso de Angular 18 a través del formulario que encontrarás en nuestra web. Una vez recibida tu solicitud, nuestro equipo te contactará para completar el proceso y ayudarte con la gestión de la bonificación si lo necesitas.
Realizar el curso de Angular 18 te ayudará a desarrollar aplicaciones web modernas, escalables y altamente eficientes. Aprenderás a utilizar las nuevas funcionalidades del framework, como las Angular Signals, control de rutas mejorado, standalone components, y mejoras en el rendimiento. Estas habilidades son clave para cualquier desarrollador frontend que quiera trabajar en proyectos profesionales con las últimas tecnologías.
Sí, el curso de Angular 18 es bonificable a través de FUNDAE. Las empresas pueden cubrir total o parcialmente el coste del curso con sus créditos de formación.
Te ofrecemos la posibilidad de gestionar la bonificación por ti, si así lo deseas, por un coste extra del 10% del valor del curso + IVA. Dicho coste también es hasta 100% bonificable a través de FUNDAE si dispones de créditos disponibles.
El curso de Angular 18 está disponible en modalidad online (flexible, con acceso 24/7 a contenidos y totalmente tutorizado) y en aula virtual personalizada (formación en directo vía Zoom, con temario y horarios adaptados a tu empresa). Ambas opciones son bonificables hasta el 100% mediante FUNDAE.
Aprenderás a trabajar con componentes standalone, gestionar el estado de la aplicación con Angular Signals, optimizar la carga mediante lazy loading y control de rutas avanzado, consumir APIs REST, aplicar buenas prácticas de arquitectura, y desarrollar interfaces dinámicas y responsivas utilizando TypeScript, RxJS y los nuevos features de Angular 18.
Puedes inscribirte en el curso de Angular 18 a través del formulario que encontrarás en nuestra web. Una vez recibida tu solicitud, nuestro equipo te contactará para completar el proceso y ayudarte con la gestión de la bonificación si lo necesitas.
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 la productividad en tu empresa con formación práctica centrada en la creación de componentes reutilizables y la automatización de procesos con Angular CLI.
3
Potencia tus habilidades profesionales al aprender a integrar peticiones HTTP y servicios en aplicaciones robustas, una habilidad que destaca en el competitivo mercado laboral actual.
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
A continuación te mostramos las próximas convocatorias disponibles de nuestras formaciones online. Si te interesa realizar una formación a medida para un grupo de trabajadores, puedes solicitar un Aula Virtual Personalizada.