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 18
DISPONIBLE EN MODALIDAD:
Online
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 18 bonificable para empresas
A quién va dirigido nuestro curso de Angular 18
Desarrolladores web que quieran introducirse en el framework de Angular para crear aplicaciones basadas en componentes reutilizables.
Objetivos de nuestro curso de Angular 18
- 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 18
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 18
- 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
Nuestras modalidades de formación
Cursos Online
Formación a través de nuestro campus virtual
Bonificable hasta el 100% por FUNDAE
Horario Flexible de formación
Teoría, práctica y vídeos guiados
Acceso multiplataforma, desde PC y móviles
100% tutorizado por un formador experto
Diploma de aprovechamiento
Aula Virtual Personalizada
Videoconferencia en tiempo real, síncrono, a través de Zoom
Bonificable hasta el 100%, por FUNDAE.
Planificación a medida
100% práctico con proyectos evolutivos
Temario adaptado a vuestras necesidades
100% tutorizado con feedback inmediato
Diploma de aprovechamiento
Angular 18: Últimas plazas
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 realizar un Aula Virtual Personalizada.
08 abr
Curso Angular 18 Online
60 horas lectivas
Plazas limitadas
Hasta 100% bonificables
¡ÚLTIMAS PLAZAS!
¡Me interesa!
Temario del curso de Angular 18
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
Preguntas Frecuentes de Angular 18
¿Por qué debería realizar el curso de Angular 18?
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.
¿El curso de Angular 18 se puede bonificar a través de FUNDAE?
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.
¿Gestionáis la bonificación con FUNDAE?
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.
¿En qué modalidades se imparte el curso de Angular 18?
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.
¿Qué habilidades desarrollaré con el curso de Angular 18?
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.
¿Cómo puedo inscribirme en el curso 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.