Formación en Angular - eLearning

- Descripción 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 del módulo e Introducción a TypeScript

- Configurando el entorno para escribir TypeScript

- Declaraciones de variables (var, let y const)

- Tipos - Primitives

- Tipos - Tipos de Referencia y Especiales

- Operadores - Spread y Backticks

- Operadores - Desestructuración y Rest

- Clases

- Interface

- Funciones Flecha

- Módulos

- Fetch

- 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 de 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 @Component Decorator

- Creando un Componente Angular usando Angular CLI y en StackBlitz

- Metadatos del Decorador de Componentes

- Encapsulación de Vista - Emulada, ShadowDom, None

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

- Vinculación de propiedades

- Vinculación de eventos

- Decoradores de Propiedades @Input y @Output

- Vinculación 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 Hooks de ciclo de vida en Angular

- Ver Consultas - View Child, View Children, Content Child, Content Children

- 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 Child Routes

- Coincidencia de Ruta y Tipos de Rutas

- Introducción a los Route Guards 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

- Sujetos de Comportamiento y Compartir Datos utilizando Sujetos 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 tuberías integradas

- Creando Pipes Personalizados en Angular

- Pipes Puros e Impuros en Angular

- Decoradores Revisitados

- Creando Decoradores Personalizados en Angular

- Construyendo un Decorador de Registro de Clase para el Hook del Ciclo de Vida Personalizado

- Creando 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 basado en plantillas utilizando la directiva ngModel

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

- Desactivar el botón de 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 opción 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 utilizando Emmet

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

- Adición de validaciones a un formulario reactivo

- Adición o eliminación dinámica de FormControl(s) o FormGroup(s) usando FormArray(s)

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

- Adición de validaciones personalizadas asíncronas al formulario reactivo

- Reseteando el valor de un formulario

- Introducción a Section

- Creando un proyecto Angular CLI con SCSS como estilo base

- Introduciendo Material Design Bootstrap en tu Angular CLI Project

- Añadiendo una Navbar en la cabecera

- Añadiendo Botones Material Design

- Añadiendo Tarjetas

- Uso de Material Design Dropdowns y Form Inputs

- Introduciendo Angular Material en tu Angular CLI Project en la parte superior de MDB

- Añadiendo Radio Buttons, Slide Toggle, Slider, Progress Bar, y Spinner

- Introducción a Firebase

- Creando una App usando la Consola Firebase

- Configurando tu proyecto Angular CLI para soportar Firebase

- Interacción con la Base de Datos Firebase Realtime usando métodos en AngularFireList

- Añadiendo y Leyendo Datos de la Base de Datos Realtime en Firebase

- Actualización y Borrado de Datos de la Base de Datos Realtime en Firebase