Introducción
- Introducción
- Instalación de NodeJS y Angular CLI
- Creando un Proyecto
- Estructura de Proyecto
Componentes y Plantillas
- Componentes
- Creando un Componete
- Creando un Componente utilizando Angular CLI
- String Interpolation
Binding y Eventos
- Property Binding
- Class Binding
- Style Binding
- Event Binding
- Event Filtering
- Template Variable
- Two Way Data Binding
Comunicación entre Componentes
- @Input Decorator
- @Input Decorator - Alias
- @Output Decorator
- @Output Decorator - Alias
Directivas
- Introducción
- Instalación de Bootstrap
- ngIf
- ngIf - then y else
- Hidden Property
- ngFor
- ngFor - Detección de cambios
- ngSwitchCase
- ngStyle
- ngClass
- Creando una Directiva
- Operador de seguridad traversal
Pipes
- Pipes- Introducción
- Creando un Pipe
Servicios - HTTP Services
- Creando un Servicio
- Dependency Injection
- Consumiendo un API - GET
- Models (Modelos)
- Async Pipe con Observables
- Creando Datos API - POST
- Actualizar API - PUT - PATCH
- Borrar API - DELETE
- ErrorHandler - Manejo de Errores
Routing - Rutas
- Configuración de Rutas - RouterOutlet
- routerLink
- routerLinkActive
- routerLink dinámicamente
- ActivatedRoute
- Rutas con varios parámetros
- queryParams - rutas opcionales
Lazy Loading
- Lazy loading , loadChildren, children - forChild y más
Formularios - Reactive Forms
- Template Driven Forms -Introducción
- ngForm
- Enlaces de un campo en formulario
- Clases ng-touched, ng-dirty, ng-invalid y más
- Validación con Mensajes de Error
- Enviando Datos de Formulario
- Agregando checkbox a formulario
- Deshabilitar botón enviar en formulario
- FormGroup - FormControl y más
- Getters para formControlName
- Multiple Validadores
- Creando un Validador
- FormBuilder
Componentes Avanzados
- Proyección de Contenido
- Slot Content Projection
- @ViewChild - ngAfterViewInit
- ChangeDetectorRef
- @ViewChildren
- @ContentChild - ngAfterContentInit
- @ContentChildren
BONUS: BehaviorSubject VS Subject
- BehaviorSubject VS Subject (Comunicación entre componentes)
