Proyecto - Listado de quehaceres con Firebase
  • Repositorio de GitHub del curso completo
  • Introducción
  • Creando nuestra primera app de Angular
  • Configurando Firebase y Bootstrap en Angular- Entendiendo Cloud Firestore
  • Creando nuestro primer componente - evento click
  • Nuestro primer formulario reactivo
  • Salvar y Leer data de Cloud Firestore de Firebase
  • ngIf - ngfor - ngClass - editar y borrar documentos de Firebase
  • Introducción al Ruteo
  • Publicando una app de Angular en Azure
Fundamentos de Angular
  • Introducción
  • ¿Por qué usar Angular? ¿Cuándo utilizarlo?
  • Angular vs AngularJS
  • Anatomía de una aplicación de angular
  • Introducción al Angular CLI
  • Demo: Angular CLI
Componentes I - Lo Básico
  • Introducción
  • Anatomía de un Componente - Plantilla - Clase - Decorador
  • Interpolación
  • Binding de Eventos
  • Bindings de Propiedad y Atributo
  • Directivas de Atributo - ngClass
  • ngStyle - Estilos dinámicos
  • ngModel - Binding de doble vía
  • ngIf - Mostrando dinámicamente contenido
  • ngFor - Iteraciones en las plantillas
  • ngSwitch - Mostrando dinámicamente contenido - Valor por defecto
  • ng-container - Manteniendo el DOM íntegro
Componentes II - Lo Avanzado
  • Introducción al Módulo 4
  • Comunicación entre componentes
  • Ejemplo Comunicacion entre Componentes - Padre a Hijo
  • Ejemplo Comunicacion entre Componentes - Hijo a Padre
  • Ejemplo Comunicacion entre Componentes - Hermanos
  • Ejemplo Comunicacion con Servicios - Componentes Lejanos
  • Variables de Referencia de Plantilla
  • ViewChild - Referenciando Componentes desde la clase
  • ViewChildren - Referenciando una Cantidad Variable de Componentes
  • Ciclo de Vida de un Componente
  • Proyección de Contenido
  • Estilos de Componentes - Estilos Globales
  • Modos de Encapsulación
Proyecto 2 - Clon de Trello
  • Introducción
  • Configurando el Proyecto con Firebase y Angular Material
  • Sistema de Login - Autenticación y Registro
  • Modelos y Servicios - Cloud Firestore
  • Creando un Modal con Angular Material
  • Mostrando los tableros
  • Creando un menú superior con Angular Material
  • Truco del span editable - Edición en Línea
  • Borrando tableros
  • Creando y Editando Listas
  • Arrastrando elementos (Drag-and-Drop)
  • Editando Tarjetas - Pasando Data a un Modal
  • Tareas
Servicios
  • Introducción al Módulo - Servicios
  • Introducción a los Servicios
  • Inyección de Dependencias
  • Proveedores
  • HTTP Client
  • Haciendo una petición GET
  • Haciendo una petición GET - Arreglo de modelos
  • Modificando la cabecera de la petición - Agregando Query Strings
  • Interceptando peticiones HTTP
  • Leyendo la Cabecera de la respuesta HTTP - Código de Estatus
  • Haciendo una petición POST
  • Peticiones PUT y DELETE
  • Haciendo una petición PATCH
Ruteo
  • Introducción al Módulo 7 - Ruteo
  • Introducción al Ruteo - Navegación por Javascript - Redirecciones
  • Navegación por Plantilla - RouterLink
  • Parámetros en la URL
  • Entendiendo pathMatch - Full y Prefix
  • Manejando Rutas no Encontradas - Wildcard
  • Múltiples Módulos - Módulos de Características
  • Rutas Hijas
  • Rutas Secundarias
  • Introducción a los Route Guards
  • Route Guard: CanDeactivate - Evitando Perder los Cambios
  • Route Guard - CanActivate - Evitando que un usuario no logueado entre a una ruta
  • Route Guard - CanActivateChild
  • Route Guard - Resolve
  • Cargando Perezosamente Módulos de Características
  • CanLoad - Protegiendo Rutas Asíncronas
Formularios
  • Introducción al Módulo 8 - Formularios
  • Comparando Formularios por Plantillas y Reactivos
  • Preparando el proyecto
  • Creando Nuestro Primer Formulario por Plantillas - Template-Driven Form
  • Select con Enum - Checkbox - Formulario por Plantilla
  • Validaciones Síncronas en formularios por plantillas
  • Reglas de Validación por Defecto
  • Validaciones Personalizadas
  • Validaciones Asíncronas