-
Módulo 1: Fundamentos de Angular.
-
Módulo 2: Componentes.
- Arquitectura de Angular.
- ¿Qué son los componentes en Angular?
- Crea tu primer componente en Angular.
- Data Binding.
- ¿Qué es un Component?
- String Interpolation.
- Property binding.
- Ciclo de vida de los componentes.
- Entender @ViewChild, @ContentChild y manejo del DOM.
- Uso de HostListener y HostBinding.
- Ejercicios prácticos.
-
Módulo 3: Angular Material y Frameworks CSS.
- Diferencia entre una Librería de componentes y un Framework CSS.
- Instalar Bootstrap, Materialize, PrimeNG y Tailwind.
- Instalar Angular Material.
- Instalar Angular Flex Layout para crear aplicaciones responsive.
- Ejemplo de una interfaz responsive con Angular Material y Flex Layout.
- [Workshop] Crear un website de películas.
-
Módulo 4: Directives y pipes.
- ¿Qué son las directivas y los pipes en Angular?
- Uso de directivas de Angular: ngIf, ngFor, ngSwitch, etc.
- Uso de pipes de Angular: Currency, Date, Decimal, Percent, etc.
- Crear tu primera directiva en Angular.
- Crear tu primer pipe en Angular.
- [Workshop] Usar directivas y pipes en el Website de películas.
-
Módulo 6: Formularios y modelos.
- Introducción a formularios con Angular.
- Reactive forms vs Template-driven forms.
- Modelos usando TypeScript (clases, interfaces y herencia).
- Agregar un Form Control básico.
- Visualización de un valor de control de formulario.
- Reemplazo de un valor de control de formulario.
- Actualizar partes del modelo de datos.
- Usar el servicio FormBuilder para generar controles.
- FormControl, FormGroup, FormArray, FormBuilder y FormControlName.
- [Workshop] Usar formularios para agregar y editar películas en una Intranet.
-
Módulo 7: Integración de servicios web.
- Configuración para la comunicación con el servidor.
- Solicitar datos de un servidor (GET).
- Agregar y actualizar request headers.
- Configurar HTTP URL parameters.
- Envío de datos a un servidor (POST, PUT, DELETE).
- Manejo de errores.
- Interceptar requests y responses.
- [Workshop] Integrar la intranet de películas con la API de películas.
-
Módulo 8: RXJS.
-
Módulo 9: Módulos.
-
Módulo 10: Angular Universal y pruebas unitarias.
-
Módulo 11: Deployment.
Anterior
Estructura de un proyecto Angular.
Siguiente
Arquitectura de Angular.