Curso Programación en Angular Versión 20

Al finalizar, los estudiantes estarán preparados para construir aplicaciones web dinámicas y escalables siguiendo las buenas prácticas del ecosistema Angular.

El enfoque es 100% práctico, con proyectos y ejercicios que simulan situaciones reales en entornos empresariales.

Objetivo general

Proporcionar a los estudiantes los conocimientos y habilidades necesarias para desarrollar aplicaciones web dinámicas con Angular 20, aplicando conceptos fundamentales de componentes, servicios, enrutamiento y comunicación con APIs.

Objetivos del Curso:

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

1. Comprender la arquitectura de Angular y su relación con TypeScript.
2. Configurar y estructurar proyectos Angular de manera profesional.
3. Crear y gestionar componentes reutilizables.
4. Implementar data binding y directivas para la interacción con el usuario.
5. Integrar servicios e inyección de dependencias en aplicaciones Angular.
6. Implementar enrutamiento para la navegación entre vistas.
7. Consumir APIs REST utilizando HttpClient.
8. Aplicar buenas prácticas de modularidad y organización de proyectos.
9. Desarrollar un proyecto práctico que consolide todos los aprendizajes.

Público Objetivo:

Este curso está dirigido a:

• Estudiantes y profesionales de informática o ingeniería interesados en el desarrollo web.
• Desarrolladores que dominan HTML, CSS y JavaScript y desean dar el salto al desarrollo profesional con frameworks modernos.
• Emprendedores o freelancers que quieran construir aplicaciones web dinámicas y escalables.
• Profesionales que desean iniciarse en el ecosistema Angular como paso hacia el desarrollo Full Stack.

Prerrequisitos

• Conocimientos básicos de HTML, CSS y JavaScript ES6.
• Familiaridad con conceptos de programación orientada a objetos.
• Deseable: conocimientos básicos de TypeScript (se reforzará en el curso).
• Manejo básico de línea de comandos y uso de Node.js.

(Si el estudiante no domina TypeScript, podrá ponerse al día con los contenidos iniciales delcurso.)

Contenido Programatico

Módulo 1. Introducción a Angular 20 y su ecosistema

• ¿Qué es Angular y en qué se diferencia de otros frameworks?
• Evolución de Angular hasta la versión 20.
• Instalación y configuración del entorno (Node.js, Angular CLI, VS Code).
• Estructura de un proyecto Angular.
• Primer proyecto: «Hola Angular».

Módulo 2. Fundamentos de TypeScript para Angular

• Repaso de JavaScript moderno (ES6+).
• Tipos básicos en TypeScript.
• Interfaces y clases.
• Módulos y namespaces.
• Uso de TypeScript en proyectos Angular.

Módulo 3: Componentes y Data Binding

• Creación de componentes con Angular CLI.
• Decoradores y metadatos.
• Tipos de Data Binding: interpolation, property, event, two-way.
• Ciclo de vida de los componentes.
• Comunicación entre componentes (Input y Output).

Módulo 4: Directivas y Pipes

• Directivas estructurales: *ngIf, *ngFor, *ngSwitch.
• Directivas de atributos: ngStyle, ngClass.
• Creación de directivas personalizadas.
• Pipes integrados (uppercase, date, currency).
• Creación de pipes personalizados.

Módulo 5: Servicios e Inyección de Dependencias

• Concepto de servicio en Angular.
• Creación y uso de servicios.
• Inyección de dependencias.
• Servicios compartidos entre componentes.

Módulo 6: Enrutamiento en Angular

• Configuración básica de rutas.
• Rutas dinámicas con parámetros.
• Navegación entre vistas.
• Rutas hijas y lazy loading.
• Guards y protección de rutas.

Módulo 7: Consumo de APIs con HttpClient

• Introducción a HttpClientModule.
• Métodos GET, POST, PUT, DELETE.
• Manejo de observables con RxJS.
• Manejo de errores (Error Handling).
• Proyecto práctico: consumir una API pública (ej: lista de usuarios).

Módulo 8: Proyecto final: Aplicación CRUD en Angular

• Diseño y planificación del proyecto.
• Creación de componentes principales.
• Implementación de servicios y consumo de API.
• Enrutamiento y navegación completa.
• Manejo de formularios (Template Driven y Reactive Forms).
• Estilos y organización del proyecto.
• Presentación del proyecto final.