Temario y recursos del Curso de Angular Forms: Creación y Optimización de Formularios Web
Temario del Curso de Angular Forms: Creación y Optimización de Formularios Web
Conoce la importancia de los formularios para tu sitio web
- ¿Por qué aprender Angular Forms?
- Presentación del proyecto: tour por los formularios de Platzi Store
- Novedades de Angular 10: cómo migrar proyectos de Angular 8 o 9 a la versión 10
Primeros pasos con Angular Forms
- Template Forms vs. Reactive Forms
- Dominando el FormControl y sus estados
- Cómo usar inputs de texto y la importancia del type
- Manejo y binding de selects y selects múltiples
- Manejo y binding de inputs radio y checkbox
- Aplica validaciones a un FormControl
- Integración y validaciones con CSS para mostrar errores
Descubre todas las validaciones de Angular Forms
- Usando FormGroup para agrupar multiples campos
- Reactive Forms con FormBuilder
- Los 11 validadores de Angular (y expresiones regulares)
- Manejando múltiples FormsGroups
- Usando componentes de Angular Material
- Errores comunes de usabilidad en formularios
- Validaciones personalizadas: mejorando nuestro formulario de registro
Implemeta validaciones avanzadas en PlatziStore
- Cómo hacer validaciones grupales en Angular Forms
- Validaciones condicionadas y reactividad a variaciones en la UI
- Proyecto: formulario para crear categorías de productos
- Proyecto: conectando nuestro formulario y la API
- Proyecto: subir imágenes a Firebase Storage
- Validaciones asincrónicas
- PatchValue: crear vs. editar
- Proyecto: creando el método de editar categorías
Construye formularios dinámicos conectando una API
- Smart vs. dumb components: un patrón para dividir responsabilidades
- Implementando smart y dumb components en PlatziStore
- Proyecto: mejorando nuestro formulario de productos
- Select dinámico: carga opciones desde una API
- Select dinámico: trabajando con objetos
- ¿Cómo crear campos on demand? Forms dinámicos con FormArray
Estrategias avanzadas y optimización de formularios
- Crea tu propia librería de componentes con CVA o Control Value Accesor
- Crea un buscador de gifs usando la API de Giphy
- Optimiza un input de búsquedas con RxJS y debounce
- Examina la accesibilidad de tus formularios
- Siguientes pasos en tu carrera de desarrollo web profesional con Angular
Para este curso vas a necesitar
6 Horas de contenido
12 Horas de práctica
Conocimientos previos
- javascript
- HTML y CSS
- Angular
Software para este curso
- Editor de código VS Code u otro
- Navegador Google Chrome u otro
Para este curso vas a necesitar
6 Horas de contenido
12 Horas de práctica
Conocimientos previos
- javascript
- HTML y CSS
- Angular
Software para este curso
- Editor de código VS Code u otro
- Navegador Google Chrome u otro
Conoce la importancia de los formularios para tu sitio web
- ¿Por qué aprender Angular Forms?
- Presentación del proyecto: tour por los formularios de Platzi Store
- Novedades de Angular 10: cómo migrar proyectos de Angular 8 o 9 a la versión 10
Primeros pasos con Angular Forms
- Template Forms vs. Reactive Forms
- Dominando el FormControl y sus estados
- Cómo usar inputs de texto y la importancia del type
- Manejo y binding de selects y selects múltiples
- Manejo y binding de inputs radio y checkbox
- Aplica validaciones a un FormControl
- Integración y validaciones con CSS para mostrar errores
Descubre todas las validaciones de Angular Forms
- Usando FormGroup para agrupar multiples campos
- Reactive Forms con FormBuilder
- Los 11 validadores de Angular (y expresiones regulares)
- Manejando múltiples FormsGroups
- Usando componentes de Angular Material
- Errores comunes de usabilidad en formularios
- Validaciones personalizadas: mejorando nuestro formulario de registro
Implemeta validaciones avanzadas en PlatziStore
- Cómo hacer validaciones grupales en Angular Forms
- Validaciones condicionadas y reactividad a variaciones en la UI
- Proyecto: formulario para crear categorías de productos
- Proyecto: conectando nuestro formulario y la API
- Proyecto: subir imágenes a Firebase Storage
- Validaciones asincrónicas
- PatchValue: crear vs. editar
- Proyecto: creando el método de editar categorías
Construye formularios dinámicos conectando una API
- Smart vs. dumb components: un patrón para dividir responsabilidades
- Implementando smart y dumb components en PlatziStore
- Proyecto: mejorando nuestro formulario de productos
- Select dinámico: carga opciones desde una API
- Select dinámico: trabajando con objetos
- ¿Cómo crear campos on demand? Forms dinámicos con FormArray
Estrategias avanzadas y optimización de formularios
- Crea tu propia librería de componentes con CVA o Control Value Accesor
- Crea un buscador de gifs usando la API de Giphy
- Optimiza un input de búsquedas con RxJS y debounce
- Examina la accesibilidad de tus formularios
- Siguientes pasos en tu carrera de desarrollo web profesional con Angular
