Curso de Angular Forms: Creación y Optimización de Formularios Web

Curso de Angular Forms: Creación y Optimización de Formularios Web

Instruido por:
Nicolas Molina
Nicolas Molina
Avanzado
6 horas de contenido
Ver la ruta de aprendizaje
Curso de Angular Forms: Creación y Optimización de Formularios Web

Curso de Angular Forms: Creación y Optimización de Formularios Web

Progreso del curso:0/36contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/36contenidos(0%)

Conoce la importancia de los formularios para tu sitio web

Material Thumbnail

¿Por qué aprender Angular Forms?

00:48 min

Material Thumbnail

Presentación del proyecto: tour por los formularios de Platzi Store

04:32 min

Material Thumbnail

Novedades de Angular 10: cómo migrar proyectos de Angular 8 o 9 a la versión 10

11:08 min

Primeros pasos con Angular Forms

Material Thumbnail

Template Forms vs. Reactive Forms

01:32 min

Material Thumbnail

Dominando el FormControl y sus estados

17:16 min

Material Thumbnail

Cómo usar inputs de texto y la importancia del type

08:12 min

Material Thumbnail

Manejo y binding de selects y selects múltiples

07:00 min

Material Thumbnail

Manejo y binding de inputs radio y checkbox

09:20 min

Material Thumbnail

Aplica validaciones a un FormControl

12:15 min

Material Thumbnail

Integración y validaciones con CSS para mostrar errores

12:42 min

Descubre todas las validaciones de Angular Forms

Material Thumbnail

Usando FormGroup para agrupar multiples campos

10:00 min

Material Thumbnail

Reactive Forms con FormBuilder

12:25 min

Material Thumbnail

Los 11 validadores de Angular (y expresiones regulares)

13:40 min

Material Thumbnail

Manejando múltiples FormsGroups

09:23 min

Material Thumbnail

Usando componentes de Angular Material

14:31 min

Material Thumbnail

Errores comunes de usabilidad en formularios

05:27 min

Material Thumbnail

Validaciones personalizadas: mejorando nuestro formulario de registro

15:22 min

Implemeta validaciones avanzadas en PlatziStore

Material Thumbnail

Cómo hacer validaciones grupales en Angular Forms

10:11 min

Material Thumbnail

Validaciones condicionadas y reactividad a variaciones en la UI

09:09 min

Material Thumbnail

Proyecto: formulario para crear categorías de productos

06:32 min

Material Thumbnail

Proyecto: conectando nuestro formulario y la API

15:47 min

Material Thumbnail

Proyecto: subir imágenes a Firebase Storage

12:36 min

Material Thumbnail

Validaciones asincrónicas

17:55 min

Material Thumbnail

PatchValue: crear vs. editar

11:16 min

Material Thumbnail

Proyecto: creando el método de editar categorías

06:01 min

Construye formularios dinámicos conectando una API

Material Thumbnail

Smart vs. dumb components: un patrón para dividir responsabilidades

17:01 min

Material Thumbnail

Implementando smart y dumb components en PlatziStore

09:49 min

Material Thumbnail

Proyecto: mejorando nuestro formulario de productos

10:13 min

Material Thumbnail

Select dinámico: carga opciones desde una API

12:17 min

Material Thumbnail

Select dinámico: trabajando con objetos

09:09 min

Material Thumbnail

¿Cómo crear campos on demand? Forms dinámicos con FormArray

15:35 min

Estrategias avanzadas y optimización de formularios

Material Thumbnail

Crea tu propia librería de componentes con CVA o Control Value Accesor

19:40 min

Material Thumbnail

Crea un buscador de gifs usando la API de Giphy

15:46 min

Material Thumbnail

Optimiza un input de búsquedas con RxJS y debounce

06:47 min

Material Thumbnail

Examina la accesibilidad de tus formularios

07:01 min

Material Thumbnail

Siguientes pasos en tu carrera de desarrollo web profesional con Angular

01:27 min

nuevosmás votadossin responder
urbanoballest
urbanoballest
Estudiante

Esta genial la forma de integracion, pero ¿cómo le harían para obtener el estatus de del campo dentro del componente?

2
Isai David Vélez De León
Isai David Vélez De León
Estudiante

es obligatorio mandar el servicio (categoryService) como parámetro en el asyncValidator? ¿no funcionaría en caso de que se le pase como inyección de dependencia directamente a MyValidators?

0
Isai David Vélez De León
Isai David Vélez De León
Estudiante
{code: 403, message: "Permission denied. Could not perform this operation"}
0
Isai David Vélez De León
Isai David Vélez De León
Estudiante

a alguien más le salió este error al subir una imagen?

{
	code: 403, 
	message: "Permission denied. Could not perform this operation"
}
0
Elkin Omar Jiménez García
Elkin Omar Jiménez García
Estudiante

¿Puedo usar formularios reactivos para objetos (interfaces) como:

usuario = { nombre:'elkin', edad:20 } as Usuario;

O solo se puede para campos (ejemplo tipo string, number)?

1
Marcos Galaviz
Marcos Galaviz
Estudiante

Buen curso, pero ¿hay alguno para hacer las pruebas unitarias a componentes o a un proyecto de Angular?

Gracias!

0
Juan David González Rodríguez
Juan David González Rodríguez
Estudiante

Entonces es casi lo mismo pero mejor usar

this.nameField.valueChanges

que un

ngChanges

?? 😄

0
Michael Benavides
Michael Benavides
Estudiante

si tengo 2 input (quantity and Price)
y otro campo en lectura sola para el calulo de las 2(input amount).
como tendria que hacerlo ?
this.quantityField?.valueChanges.subscribe(set value de amount)
this.priceField?.valueChanges.subscribe(set value de amount)
las 2 en el ngOnInit()

0
David Trespalacios
David Trespalacios
Estudiante

Una duda sobre environment.ts ¿Al construir nuestra app con ng build, este archivo queda encriptado o algo así? o queda accesible al mundo?

2
Marcos Galaviz
Marcos Galaviz
Estudiante

Excelente curso, ¿habra alguno para crear mas facilmente temas personalizados en angular? o ¿sobre uso de tailwind y pros y contras de usar un framework de utilidad como ese? hay mucha informacion en internet pero no se cual es el mejor mecanismo y mas sencillo para poder tener mas personalizacion de mis temas, gracias!

2