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

Errores comunes de usabilidad en formularios

16/36
Recursos

Aportes 4

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

  • Pocos elementos en una columna
  • Alinear Labels en forma de columna, no inline
  • Label e input forman un grupo, se diferencian por los espacios
    espacio de grupo a grupo 20px, espacio entre label e input 4px
  • No colocar LABELS en mayúscula
  • Mostrar selects menores o iguales que 6 de forma horizontal de forma que el
    usuario vea todos los elementos.
  • No utilizar placeholder como titulo
  • Checkboxes de forma vertical
  • Call to Actions descriptivos (registrarse, ingresar, salvar datos, guardar registro)
  • Manejar errores inline o sea sobre el campo que tiene el error

El fijarse en los detalles de cada campo, poder optimizar hasta lo mas mínimo, muestra un formulario potente y funcional para el proyecto

Tiene que ver mucho con experiencia de usuario que aunque material ya este creado por google y tenga todos los estandares hay errores que podemos cometer, me parece interesante complementar este curso con diseño ux

Que buena data!
Gracias