Envíanos tu consulta
![iconoCurso](data:image/svg+xml;utf8, <svg width="920" height="920" viewBox="0 0 920 920" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M775.363 238.93L752.457 598.557L533.446 127L775.363 238.93ZM623.669 703.947L458.183 798.353L292.695 703.947L326.353 622.393H590.011L623.669 703.947ZM458.183 305.996L544.898 516.772H371.465L458.183 305.996ZM163.672 598.557L141 238.93L382.917 127L163.672 598.557Z" fill="url(%23paint0_linear_3419_51)"/>
<path d="M775.363 238.93L752.457 598.557L533.446 127L775.363 238.93ZM623.669 703.947L458.183 798.353L292.695 703.947L326.353 622.393H590.011L623.669 703.947ZM458.183 305.996L544.898 516.772H371.465L458.183 305.996ZM163.672 598.557L141 238.93L382.917 127L163.672 598.557Z" fill="url(%23paint1_linear_3419_51)"/>
<defs>
<linearGradient id="paint0_linear_3419_51" x1="280.994" y1="737.456" x2="786.044" y2="497.399" gradientUnits="userSpaceOnUse">
<stop stop-color="%23E40035"/>
<stop offset="0.24" stop-color="%23F60A48"/>
<stop offset="0.352" stop-color="%23F20755"/>
<stop offset="0.494" stop-color="%23DC087D"/>
<stop offset="0.745" stop-color="%239717E7"/>
<stop offset="1" stop-color="%236C00F5"/>
</linearGradient>
<linearGradient id="paint1_linear_3419_51" x1="258.188" y1="207.949" x2="588.656" y2="584.997" gradientUnits="userSpaceOnUse">
<stop stop-color="%23FF31D9"/>
<stop offset="1" stop-color="%23FF5BE1" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>)
Curso de Angular 19
DISPONIBLE EN MODALIDAD:
Aula Virtual Personalizada
Aprende todas las características del framework más avanzado para desarrollo web y sin duda el más utilizados a nivel mundial, con todas las novedades de la versión.
Angular es el framework de desarrollo en TypeScript creado por Google. Con esta formación, aprenderás a desarrollar aplicaciones web increíbles, obtendrás una base sólida de aprendizaje y dominio de todas las características y funcionalidades que forman parte de este framework.
Formación en Angular 19 bonificable para empresas
A quién va dirigido nuestro curso de Angular 19
Desarrolladores web que quieran introducirse en el framework de Angular para crear aplicaciones basadas en componentes reutilizables.
Objetivos de nuestro curso de Angular 19
- Aprender a crear componentes y reutilizarlos en Angular
- Aprender a gestionar el sistema de enrutado, servicios, formularios reactivos y pipes de Angular
- Conocer soluciones Material para proyectos Angular
- Aprender a realizar tests sobre las aplicaciones Angular con Jasmine y Karma y automatizar su ejecución
- Crear un proyecto completo de Angular y publicarlo en Firebase
Qué vas a aprender en nuestro curso de Angular 19
Angular es el framework de desarrollo en TypeScript creado por Google. Con esta formación, aprenderás a desarrollar aplicaciones web increíbles, obtendrás una base sólida de aprendizaje y dominio de todas las características y funcionalidades que forman parte de este framework.
Requisitos de nuestro curso de Angular 19
- Es necesario tener experiencia y conocimientos en HTML, CSS, Javascript (ES6 o posteriores)
- Se recomienda tener conocimientos previos en Typescript
- Tener instalado previamente en el equipo: NodeJS en la versión LTS, NPM en su última versión, GIT y Visual Studio Code
- Disponer de una cuenta de Google con acceso a la consola de Firebase donde poder crear proyectos
- Disponer de un equipo con acceso a un usuario con permisos suficientes para instalar software
Temario del curso de Angular 19
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?
- Standalone Components por defecto
- 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)
- Integración de servicios con Signal APIs para mayor reactividad
- ¿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
Preguntas Frecuentes de Angular 19
¿Cuáles son los Beneficios del curso Angular 19?
El curso de Angular 19 ofrece múltiples beneficios para las empresas, incluyendo la mejora en habilidades técnicas de tus empleados en el desarrollo de aplicaciones web modernas y escalables. Además, proporciona una comprensión sólida de la estructura y funcionamiento de Angular, lo que puede agilizar procesos y optimizar proyectos de desarrollo dentro de tu organización.
¿El curso de Angular 19 se puede bonificar a través de FUNDAE?
Sí, el curso de Angular 19 es bonificable a través de FUNDAE. Esto permite a las empresas recuperar parte o la totalidad del costo del curso mediante la formación continua de sus empleados, facilitando así el acceso a una formación de alta calidad.
¿En qué modalidades se imparte el curso de Angular 19?
El curso de Angular 19 se imparte en modalidad online y en aula virtual personalizada. Esto ofrece flexibilidad a los empleados de las empresas para elegir la opción que mejor se adapte a sus necesidades y horarios.
¿Qué habilidades desarrollaré con el curso de Angular 19?
Al completar el curso de Angular 19, los participantes desarrollarán habilidades clave en el desarrollo y mantenimiento de aplicaciones web con Angular, incluyendo el manejo de componentes, directivas, servicios, y la integración con APIs. También aprenderán a optimizar el rendimiento y mejorar la experiencia de usuario en aplicaciones web.
¿Cómo puedo inscribirme en el curso de Angular 19?
Para inscribirte en el curso de Angular 19, debes rellenar los formularios que aparecen en la web de Imagina Formación. Una vez completado el formulario, recibirás toda la información necesaria para completar tu inscripción y comenzar el curso.