Desarrollo de Aplicaciones Web con Angular 15

Curso de Desarrollo de Aplicaciones Web con Angular 15

Este curso se imparte en modalidad online y consta de 10 unidades. La duración del curso es de 115 horas se distribuye entre el contenido y las herramientas de colaboración. A su finalización, el alumno recibirá un diploma acreditativo.

La formación se realiza a través de nuestro Campus Virtual, con esta modalidad dispondrás de todo el contenido didáctico en la plataforma del curso y estará accesible, desde el día de inicio de curso, las 24 horas todos los días de la semana. El alumno también dispondrá de foros de participación, así como una tutorización continua.

• Acceso a la plataforma: 3 meses
• Soporte individualizado

Curso Angular 15 – Desarrollo Web Frontend – Aplicaciones Web Angular – Framework Angular – Curso Frontend – Angular SPA – Programación Web Moderna – Desarrollo JavaScript – TypeScript Angular – Curso Desarrollo Web – Angular para Desarrolladores

Introducción al curso de Desarrollo de Aplicaciones Web con Angular 15

El Curso de Desarrollo de Aplicaciones Web con Angular 15 está orientado a profesionales y estudiantes que desean aprender a crear aplicaciones frontend modernas, escalables y mantenibles utilizando uno de los frameworks más demandados del mercado.

A lo largo de la formación, el alumno aprenderá a desarrollar aplicaciones basadas en arquitectura SPA (Single Page Application), trabajando con componentes, servicios, routing, formularios y consumo de APIs REST, siguiendo las buenas prácticas del ecosistema Angular.
El curso combina contenidos teóricos, demostraciones prácticas y laboratorios guiados, permitiendo que el aprendizaje sea progresivo y aplicado a un proyecto real. Durante la formación se desarrollará una aplicación Angular completa, reforzando conceptos clave como la modularidad, la comunicación entre componentes y la optimización del rendimiento.

Esta formación es ideal para quienes desean especializarse en desarrollo frontend profesional con Angular.

¿A quién va dirigido este curso?

Este curso está dirigido a:

• Desarrolladores web que desean aprender Angular
  
• Programadores JavaScript que quieren trabajar con frameworks modernos
  
• Profesionales del desarrollo frontend
  
• Estudiantes de programación interesados en aplicaciones web
  
• Desarrolladores con experiencia en otros frameworks (React, Vue, etc.) que desean conocer Angular.

Objetivos del curso

Al finalizar el curso, el participante será capaz de:

• Comprender la arquitectura de aplicaciones Angular
  
• Crear y gestionar componentes reutilizables
  
• Implementar comunicación entre componentes
  
• Utilizar directivas y data binding
  
• Trabajar con servicios e inyección de dependencias
  
• Consumir APIs REST desde aplicaciones Angular
  
• Desarrollar aplicaciones web modernas y escalables

Contenidos del curso: Desarrollo de aplicaciones con Angular 15

Unidad 1 – Introducción a Angular y al desarrollo SP

• Qué es Angular
• Frameworks frontend modernos
• Arquitectura SPA (Single Page Application)
  
• Características principales de Angular
  
• Angular vs otros frameworks (React, Vue)
  
• Estructura general de una aplicación Angular
  
• Introducción a Angular CLI
  
• Introducción a TypeScript en Angular

Unidad 2 – Instalación y entorno de desarrollo

• Instalación de Node.js
  
• Instalación de Angular CLI
  
• Creación de un proyecto Angular
  
• Estructura de carpetas del proyecto
  
• Archivos principales del proyecto
  
• Configuración del entorno de desarrollo
  
• Ejecución del proyecto con ng serve
  
• Compilación y recarga automática
  

Laboratorio:

• creación del primer proyecto Angular

Unidad 3 – Componentes y plantillas

• Arquitectura basada en componentes
  
• Creación de componentes con Angular CLI
  
• Estructura de un componente
  
• Templates y HTML en Angular
  
• Interpolación
  
• Property Binding
  
• Event Binding
  
• Organización de la interfaz con componentes
  

Laboratorio:

• construcción del layout básico de la aplicación

Unidad 4 – Comunicación entre componentes y ciclo de vida

• Comunicación entre componentes
  
• @Input
  
• @Output
  
• EventEmitter
  
• Comunicación padre-hijo
  
• Ciclo de vida de los componentes
  
• Hooks del ciclo de vida (ngOnInit, etc.)
  
• Buenas prácticas de comunicación
  

Laboratorio:

• intercambio de datos entre componentes

Unidad 5 – Routing y navegación

• Concepto de routing en Angular
  
• Configuración del router
  
• Definición de rutas
  
• Navegación entre componentes
  
• RouterLink
  
• Parámetros de ruta
  
• Rutas dinámicas
  
• Lazy loading de módulos
  

Laboratorio:

• navegación entre páginas de la aplicación

Unidad 6 – Servicios e inyección de dependencias

• Concepto de servicio en Angular
  
• Creación de servicios
  
• Inyección de dependencias
  
• Uso de servicios en componentes
  
• Compartición de datos entre componentes
  
• Arquitectura basada en servicios
  

Laboratorio:

• servicio de gestión de datos de la aplicación

Unidad 7 – Comunicación con APIs REST

• Comunicación cliente-servidor
  
• Uso de HttpClient
  
• Peticiones GET
  
• Peticiones POST
  
• Manejo de respuestas HTTP
  
• Manejo de errores
  
• Consumo de APIs REST
  

Laboratorio:

• integración con una API externa

Unidad 8 – Formularios en Angular

• Formularios en Angular
  
• Template-driven forms
  
• Reactive forms
  
• Validación de formularios
  
• Validaciones personalizadas
  
• Gestión de datos de formularios
  

Laboratorio:

• formulario de creación o edición de datos

Unidad 9 – Directivas y Pipes

• Directivas estructurales
  
• *ngIf
  
• *ngFor
  
• ngSwitch
  
• Directivas de atributos
  
• ngClass
  
• ngStyle
  
• Pipes integrados
  
• Pipes personalizados
  

Laboratorio:

• renderizado dinámico de datos

Unidad 10 – Arquitectura, optimización y despliegue

• Arquitectura de aplicaciones Angular
  
• Organización de proyectos grandes
  
• Standalone components
  
• Lazy loading avanzado
  
• Optimización de rendimiento
  
• Build de producción
  
• Generación de artefactos
  
• Despliegue de aplicaciones Angular
  

Laboratorio:

• build y despliegue de la aplicación
  

Requisitos Previos

Para aprovechar correctamente el curso se recomienda contar con conocimientos básicos de:

• HTML
  
• CSS
  
• JavaScript
  
• Uso básico de la línea de comandos

No es necesario tener experiencia previa con Angular.

Tener nociones básicas de TypeScript puede ser útil, aunque los conceptos esenciales se introducirán durante el curso.

Resultado final del curso

Durante el curso, los alumnos desarrollarán progresivamente una aplicación Angular completa, aplicando los conceptos aprendidos en cada unidad y adquiriendo una visión práctica y profesional del desarrollo de aplicaciones web modernas con Angular.

Otras modalidades formativas

Si os interesa realizar este curso en modalidad presencial o telepresencial póngase en contacto con nosotros:

• Correo: info@nanforiberica.com
• Teléfono: +34 91 031 66 78
• WhatsApp: +34 685 60 05 91