Conoce la importancia de los formularios para tu sitio web

1

驴Por qu茅 aprender Angular Forms?

2

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

3

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

Primeros pasos con Angular Forms

4

Template Forms vs. Reactive Forms

5

Dominando el FormControl y sus estados

6

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

7

Manejo y binding de selects y selects m煤ltiples

8

Manejo y binding de inputs radio y checkbox

9

Aplica validaciones a un FormControl

10

Integraci贸n y validaciones con CSS para mostrar errores

Descubre todas las validaciones de Angular Forms

11

Usando FormGroup para agrupar multiples campos

12

Reactive Forms con FormBuilder

13

Los 11 validadores de Angular (y expresiones regulares)

14

Manejando m煤ltiples FormsGroups

15

Usando componentes de Angular Material

16

Errores comunes de usabilidad en formularios

17

Validaciones personalizadas: mejorando nuestro formulario de registro

Implemeta validaciones avanzadas en PlatziStore

18

C贸mo hacer validaciones grupales en Angular Forms

19

Validaciones condicionadas y reactividad a variaciones en la UI

20

Proyecto: formulario para crear categor铆as de productos

21

Proyecto: conectando nuestro formulario y la API

22

Proyecto: subir im谩genes a Firebase Storage

23

Validaciones asincr贸nicas

24

PatchValue: crear vs. editar

25

Proyecto: creando el m茅todo de editar categor铆as

Construye formularios din谩micos conectando una API

26

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

27

Implementando smart y dumb components en PlatziStore

28

Proyecto: mejorando nuestro formulario de productos

29

Select din谩mico: carga opciones desde una API

30

Select din谩mico: trabajando con objetos

31

驴C贸mo crear campos on demand? Forms din谩micos con FormArray

Estrategias avanzadas y optimizaci贸n de formularios

32

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

33

Crea un buscador de gifs usando la API de Giphy

34

Optimiza un input de b煤squedas con RxJS y debounce

35

Examina la accesibilidad de tus formularios

36

Siguientes pasos en tu carrera de desarrollo web profesional con Angular

A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Validaciones asincr贸nicas

23/36
Recursos

Aportes 10

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

En caso que tengan que usar el tipo 鈥渁ny鈥, les recomiendo usar 鈥渦nknown鈥 en su lugar. De esta forma typescript entiende que nunca va a ser un valor 鈥渦ndefined鈥 o 鈥渘ull鈥.

Lo que me gustaria para un futuro curso es ver mas sobre RXJS los operadores map, pipe find, reduce. O existe ya un curso de este tema ???

Hoy 06-01-2022 las consultas a la API arrojan un error en el servidor. Gracias

Pensando en tener un mejor performance a la hora de hacer las peticiones http agregu茅 dos operadores, sin embargo no funcion贸 馃槮

  • debounceTime se supone que no hace la petici贸n hasta despu茅s del tiempo indicado.
  • distinctUntilChanged no deber铆a hacer la petici贸n hasta que lo que escriba el usuario sea distinto en el tiempo dado en dobounceTime
return service.checkCategory(value)
.pipe(
  debounceTime(1000),
  distinctUntilChanged(),
  map((response: Availability) => {
  const isAvailable = response.isAvailable;
  if (!isAvailable) {
    return {not_available: true};
   }
   return null;
  })
);

Muy 煤tiles las validaciones as铆ncronas, sin embargo not茅 que cada que escribo una letra en el input se hace una petici贸n al api que configur茅

Excelente las validaciones as铆ncronas

De las mejores clases de este curso, que manera de darle poder a un formulario con validaciones asincr贸nicas

xd

ekisd茅

consulta si yo tengo un servicio rest, que lo que hace es consulta usuario, pero yo uso para validar si existe el usuario, pero este servicio, su respuesta tiene que llenar algunos datos del formulario.
驴Cual seria la mejor forma de hacerlo?.