Programación en Angular 10.1

Curso de Programación en Angular 10.1

Descripción del curso

A lo largo de este curso, aprenderemos sobre las características del framework Angular. Comenzaremos con un repaso rápido sobre cómo Javascript afecta al DOM (es decir, el “esqueleto” de la página web), cambiando los elementos HTML y el estilado CSS. Tras este repaso básico, nos adentraremos en los primeros pasos para utilizar Angular, y ya pasar a meternos a fondo con esta interesante herramienta.

El software requerido para este curso, es el siguiente:

• Servidor web HTTP (En este caso usaremos un servidor en Node.js)
• IDE o editor de textos avanzado. Recomendado Sublime Text 3.
• Package Control para ST3, con el que instalaremos el plugin AngularJS 1.0 para ayudarnos en la creación de código.
• Framework de Angular.js, versión 1.5 o superior preferiblemente.

Contenido del curso

Introducción al curso

• Instalación de todos los programas y configuraciones necesarias.

• Preparando el ambiente de trabajo

Unidad 1: Introducción

• ¿Qué es Angular?
• Conceptos generales: módulos, componentes, servicios y directivas.
• Requerimientos e instalación de Angular
• Partes del proyecto, y configuración
• Sirviendo nuestra app en la red local (y en un servidor)

Unidad 2: Creación de componentes y maquetación

• Creando nuestro primer componente
• Maquetación en Angular: ngFor, ngIf, property binding, manejo de eventos...
• Funcionamiento y ciclo vital
• Uso de componentes y comunicación entre los mismos con @Input y @Output
• Accediendo al DOM con @ViewChild
• Detección de cambios

Unidad 3: Módulos, enrutación y lazyloading

•  Estructura de un módulo de Angular

• Enrutamiento

• Manejando rutas desde el controlador

• Manejando rutas a nivel de plantilla HTML

• Recogiendo parámetros de ruta

• Algunas consideraciones sobre enrutamiento

Unidad 4: Servicios e inyección de dependencias

• Creando y usando nuestro primer servicio

Unidad 5: Directivas y Pipes

• ¿Qué es una directiva?

• Propiedades y características de las directivas

• ¿Qué es un Pipe?

• Creando nuestro primer Pipe

Unidad 6: Formularios y comunicación con APIs

• Manejando el valor de inputs con ngModel

• Usando la clase HTTP para comunicarse con APIs

• Formularios reactivos

• Validación de formularios

Práctica guiada: Durante el curso se realiza un proyecto con la versión Angular 10.1