Arquitectura de una aplicación Angular: módulos, componentes, plantillas, directivas, datos enlazados, servicios, enrutado

Revisión de los patrones MVC y MVVM

Instalación de Angular CLI

Funcionalidad disponible por medio del comando ng

Introducción al lenguaje TypeScript

• Tipos básicos
• Interfaces, clases, funciones, genéricos, enumeraciones, …

Aplicaciones Angular: creación, estructura y código inicial

• Módulos Angular (NgModule)
• Creación de módulos
• Catálogo de módulos disponibles
• Diferencias con módulos Javascript

Componentes Angular Component

• Creación de componentes
• Asociación con plantillas
• Ciclo de vida
• Interacción entre componentes (comunicación)
• Aplicación de estilos

Plantillas

• Sintaxis
• Mecanismos de enlace con datos: {{valor}}, [propiedad],(evento), [(ngmodel)]
• Directivas Angular: aplicables a atributos y estructurales
• Creación de directivas de usuario: aplicables a atributos y estructurales
• Pipes disponibles
• Encadenamiento de pipes
• Creación de pipes de usuario
• Animaciones

Servicios

• Creación de servicios
• Inyección de dependencias

Observables

• Definición y empleo básico
• Librería RxJS

Enrutado

• Añadir soporte
• Configuración
• Enlaces
• Eventos

Formularios

• Lectura de datos
• Creación por medio de plantillas
• Mecanismos de validación disponibles
• Creación de validaciones de usuario

HTTP

• Añadir soporte
• Invocación de servicios RESTful
• Interceptando peticiones y respuestas

Internacionalización

• Soporte para el empleo de múltiples idiomas

Angular-material

• Instalación
• Características principales: componentes para formularios, navegación, presentación (rejillas, listas, paneles, …), botones, diálogos, tablas de datos, …
• Ejemplos de uso