Formación en Angular - eLearning

- Visión general del curso

- Introducción a las Aplicaciones de Una Sola Página (SPA)

- ¿Para qué necesitamos Angular?

- Configuración del Entorno de Desarrollo

- Arquitectura de Aplicaciones Angular

- Primera aplicación de Angular

- Introducción al módulo e Introducción a TypeScript

- Configuración del entorno para escribir TypeScript

- Declaraciones de variables (var, let y const)

- Tipos - Primitivos

- Tipos - Referencia y Tipos Especiales

- Operadores - Spread y Backticks

- Operadores - Desestructuración y Resto

- Clases

- Interfaz

- Funciones Flecha

- Módulos

- Buscar

- Async o await

- Introducción al módulo y una visión general de los módulos de Angular

- ¿Qué son los decoradores

- Módulos Angular y el Decorador @NgModule

- Declaraciones

- Importaciones y Exportaciones

- Proveedores, inicialización y componentes de entrada

- Mecanismo de Inicialización de Aplicaciones Angular

- Introducción del módulo

- Componentes de Angular y el Decorador @Component

- Creando un Componente Angular usando Angular CLI y en StackBlitz

- Metadatos del Decorador de Componentes

- Encapsulamiento de Vista - Emulado, ShadowDom, Ninguno

- Vinculación de Datos - Interpolación de Cadenas

- Vinculación de Propiedades

- Vinculación de eventos

- Decoradores de Propiedades @Input y @Output

- Enlace de datos bidireccional

- Vinculación de Atributos

- Vinculación de Clases

- Vinculación de Clases

- Introducción a los ganchos de ciclo de vida en Angular

- Uso de los ganchos de ciclo de vida en Angular

- Ver Consultas - Ver Hijo, Ver Hijos, Contenido del Hijo, Contenido de los Hijos

- Cambiar el Mecanismo de Detección en Angular. ZoneJS, NgZones

- Introducción al Enrutamiento

- Implementando el enrutamiento en una aplicación Angular

- Creando una lista de usuarios. Preparando el escenario para el enrutamiento de rutas secundarias

- Abstrayendo el enlace del usuario a un componente separado

- Implementando Rutas Hijas

- Coincidencia de Ruta y Tipos de Rutas

- Introducción a los Guardianes de Rutas en Angular

- Guards CanActivate y CanActivateChild en Angular

- Guard CanDeactivate en Angular

- Precarga de datos para un componente utilizando Resolve

- Introducción a la sección

- DI como Patrón, DI como Marco de Trabajo y Tipos de Proveedores

- Inyección de Dependencias Jerárquica

- Introducción a los Servicios en Angular

- Obtener datos de una API Rest utilizando HttpClient

- Operaciones CRUD utilizando HttpClient, HttpParams y HttpHeaders

- Observables y Operadores en Observables - Map, Retry, Catch

- Subject de Comportamiento y Compartiendo Datos usando Subjects de Comportamiento

- Introducción a la sección

- Introducción a las Directivas

- Directivas Estructurales Integradas

- Directivas de Atributos Integradas

- Construyendo Directivas de Atributos personalizadas

- Creando Directivas Estructurales Personalizadas

- Introducción a los Pipes en Angular

- Usando Pipes Integrados

- Creando Pipes Personalizados en Angular

- Pipes Puros e Impuros en Angular

- Decorators Revisited

- Creando Decoradores Personalizados en Angular

- Construyendo un Decorador de Registro de Clase de Gancho de Ciclo de Vida Personalizado

- Construyendo un Decorador de Propiedades Personalizado en Angular

- Introducción a la sección

- Tipos de estrategias para construir formularios en Angular

- Creando formularios largos de Bootstrap rápidamente usando VS Code con Emmet

- Añadiendo FormControl(s) a un formulario dirigido por plantillas utilizando la directiva ngModel

- Obtener la representación de objeto JavaScript de un formulario utilizando la directiva ngForm

- Desactivar el botón Enviar en un formulario utilizando la bandera $invalid del formulario

- Obtener la representación de objeto JavaScript de un formulario en la clase TypeScript

- Añadiendo casillas de verificación, botones de radio y listas desplegables a tu formulario basado en plantillas

- Creando subsecciones en el formulario utilizando la directiva NgModelGroup

- Pasos para implementar un formulario Reactivo en Angular

- Creando rápidamente un formulario de Bootstrap para nuestro formulario Reactivo usando Emmet

- Creando un formulario Reactivo en la clase TypeScript y conectándolo a la plantilla

- Añadiendo validaciones de formulario a un formulario reactivo

- Añadir o eliminar dinámicamente FormControl(s) o FormGroup(s) utilizando FormArray(s)

- Añadiendo Validaciones Personalizadas Síncronas a tu Formulario Reactivo

- Añadiendo Validaciones Personalizadas Asíncronas a tu Formulario Reactivo

- Restableciendo el valor de un formulario

- Introducción a la sección

- Creando un proyecto de Angular CLI con SCSS como estilo base

- Introduciendo Material Design Bootstrap en tu proyecto de Angular CLI

- Añadiendo una barra de navegación en tu encabezado

- Añadiendo botones de Material Design

- Añadiendo tarjetas

- Uso de desplegables y campos de formulario de Material Design

- Introduciendo Angular Material en tu proyecto de Angular CLI en conjunto con MDB

- Añadiendo botones de radio, interruptor deslizante, deslizador, barra de progreso y cargador circular

- Introducción a Firebase

- Creando una aplicación usando la Consola de Firebase

- Configurando tu proyecto de Angular CLI para soportar Firebase

- Interactuando con Firebase Realtime Database mediante métodos en AngularFireList

- Añadiendo y leyendo datos de la base de datos en tiempo real en Firebase

- Actualizando y Eliminando Datos de la Base de Datos en Tiempo Real en Firebase