[TWB-080] Angular 21

Este curso cubre los fundamentos de Angular, incluyendo su arquitectura, componentes, data binding, formularios, y enrutamiento. Aborda temas como inyección de dependencias, creación de servicios, pipes, validación de formularios, y peticiones HTTP usando RxJS y el nuevo sistema de reactividad con Signals, proporcionando una base sólida para desarrollar aplicaciones web.

Duración:                     30 horas

Perfil:                            Básico

Dirigido a

Esta acción formativa va dirigida a programadores y analistas web que desean aprender Angular desde sus bases e interesados en crear aplicaciones dinámicas, escalables y modernas.

Requisitos previos 

Los alumnos necesitarán tener experiencia con HTML y CSS, así como con JavaScript previos para poder comprender la materia del curso con éxito.

Objetivos

• Comprender la arquitectura y los conceptos clave de Angular.

• Comprender el nuevo sistema de componentes y reactividad basado en Signals.

• Manejar funciones mediante Input, Output y Data Binding.

• Desarrollar formularios dinámicos y validados, tanto reactivos como basados en plantillas.

• Configurar rutas para navegación y protegerlas mediante guardas.

• Implementar servicios y gestionar peticiones HTTP usando RxJS y HttpClient.

Contenido

1. Introducción a Angular

   1. Visión general del framework

   2. Principales características

   3. Requisitos y recursos básicos

2. Arquitectura de Angular

   1. Estructura general de una aplicación Angular

   2. Evolución del framework: de NgModules a Standalone

3. Componentes

   1. Creación y configuración de componentes

   2. Metadatos de componentes

   3. Plantillas y su conexión con el HTML

4. Data Binding

   1. Conceptos y tipos de data binding:

      1. Property Binding

      2. Event Binding

      3. Two-Way Binding

   2. Uso de variables de plantilla

   3. Interpolación de strings y expresiones

5. Reactividad y gestión de estado

   1. ¿Qué son las Signals y por qué reemplazan a Zone.js?

   2. Creación de valores reactivos

   3. Valores derivados automáticos

   4. Ejecución de efectos colaterales

   5. Inputs y Outputs modernos

   6. Binding de atributos (class y style)

6. Nueva sintaxis de flujo de control

   1. Condicionales con @if, @else y @switch

   2. Iterando listas con @for y sus propiedades de plantilla

7. Pipes

   1. Uso de pipes predefinidos

   2. Creación de pipes personalizados

8. Formularios

   1. Formularios basados en plantillas: estructura y validación

   2. Formularios reactivos: configuración y uso

   3. ngSubmit y propiedades de formularios

   4. Validación de formularios en Angular

9. Inyección de Dependencias

   1. Concepto y ventajas de la inyección de dependencias

   2. Configuración y registro de proveedores

   3. Servicios Singleton y uso de @Injectable

   4. Tokens de inyección de dependencias

10. Routing

    1. Definición y configuración de rutas

    2. Navegación entre páginas y rutas con parámetros

    3. Rutas hijas y rutas comodín

    4. Guardas para la protección de rutas

11. Peticiones HTTP y Observables

    1. Introducción a RxJS y manejo de Observables

    2. RxJS vs Signals

    3. Módulo HttpClient para peticiones HTTP

    4. Uso de interceptores para manejar peticiones y respuestas

Documentación Recomendada

Learning Angular - Fourth Edition
Aristeidis Bampakos, Pablo Deeleman
February 2023 | 396 Pages
ISBN 9781803240602

https://www.packtpub.com/product/learning-angular-fourth-edition/9781803240602