1
00:00:00,840 --> 00:00:03,220
Entonces es hora de otro ejercicio.

2
00:00:03,570 --> 00:00:08,250
Entonces este proyecto aquí cubrirá todo lo que hablamos en los últimos videos.

3
00:00:08,280 --> 00:00:14,820
Así que eso incluye cosas como la forma de ordenar diferentes tipos de entradas, incluidos los botones de opción de

4
00:00:14,820 --> 00:00:15,750
los menús desplegables.

5
00:00:15,750 --> 00:00:18,280
También incluye validaciones y etiquetas.

6
00:00:18,660 --> 00:00:23,850
Así que casi todo lo que hemos hablado y lo que vas a hacer es combinarlos para crear

7
00:00:23,850 --> 00:00:26,480
un formulario de registro para algún sitio web falso.

8
00:00:26,940 --> 00:00:33,330
verá así una forma en la que un usuario puede ir a registrarse con un Nombre Nombre Apellido elegir género.

9
00:00:33,840 --> 00:00:35,310
Por lo tanto, se

10
00:00:35,370 --> 00:00:37,170
Contraseña de Email.

11
00:00:37,290 --> 00:00:44,210
Un cumpleaños con tres menús desplegables y una casilla de verificación para aceptar los términos y condiciones.

12
00:00:44,430 --> 00:00:46,750
Así que de nuevo algunas sugerencias aquí.

13
00:00:47,060 --> 00:00:48,860
Estas deberían ser entradas de texto.

14
00:00:49,560 --> 00:00:50,950
Esto debería ser una contraseña y.

15
00:00:51,000 --> 00:00:52,490
Esto debería ser una entrada de correo electrónico.

16
00:00:52,500 --> 00:00:53,850
Estos son botones de radio.

17
00:00:54,000 --> 00:00:56,790
Estas son tres etiquetas de selección.

18
00:00:56,880 --> 00:01:02,930
Esta es una entrada de casilla de verificación y esta es una entrada de envío.

19
00:01:03,360 --> 00:01:06,020
Entonces hay validaciones que se requieren.

20
00:01:06,540 --> 00:01:10,140
Por lo tanto, el apellido y el correo electrónico del primer nombre no pueden estar en blanco.

21
00:01:10,140 --> 00:01:11,120
Se requieren correos

22
00:01:13,950 --> 00:01:16,660
electrónicos debe ser una dirección de correo electrónico válida.

23
00:01:17,190 --> 00:01:21,600
Entonces eso tiene que seguir el formato de correo electrónico correcto.

24
00:01:21,600 --> 00:01:26,720
Y hay una bonificación aquí y esta es una que animo a todos a que intenten y encuentren.

25
00:01:26,760 --> 00:01:32,730
Entonces, el objetivo de esto es una de nuestras primeras instancias de que te pida que hagas algo que no

26
00:01:32,730 --> 00:01:34,340
te he enseñado directamente a hacer.

27
00:01:34,560 --> 00:01:39,690
Y como ya he dicho antes, esto es realmente lo que es ser un desarrollador al que se le ha encomendado algo

28
00:01:39,780 --> 00:01:41,350
que tiene una idea que quiere probar.

29
00:01:41,430 --> 00:01:42,730
No tienes idea de cómo hacerlo.

30
00:01:42,900 --> 00:01:45,440
Entonces vas en línea y él investigó un poco.

31
00:01:45,750 --> 00:01:49,380
Entonces el ejercicio aquí es agregar una validación adicional.

32
00:01:49,410 --> 00:01:55,320
tipo del que aún no hemos hablado, que es validar la longitud de algo y la forma en que debería funcionar.

33
00:01:55,320 --> 00:01:56,010
Un nuevo

34
00:01:56,190 --> 00:02:00,720
La contraseña que ingresa el usuario debe tener entre cinco y 10 caracteres.

35
00:02:00,780 --> 00:02:03,300
De lo contrario, obtenemos este error aquí.

36
00:02:03,990 --> 00:02:06,380
Entonces es otra de estas validaciones.

37
00:02:06,390 --> 00:02:07,990
Es solo uno que no hemos visto todavía.

38
00:02:08,070 --> 00:02:12,500
Así que recomiendo simplemente sacar Google y buscar lejos.

39
00:02:12,570 --> 00:02:13,300
Una nota rápida.

40
00:02:13,320 --> 00:02:14,800
Esto debe ser un HMO.

41
00:02:14,820 --> 00:02:20,370
Entonces, si sabes javascript, no se permite javascript que se considere una trampa para este ejercicio

42
00:02:20,370 --> 00:02:25,010
y luego una última cosa, los tres solo en los menús que deben seleccionarse.

43
00:02:25,020 --> 00:02:30,240
Una nota, aunque no es necesario tener todos los años todos los meses todos los días en un mes que

44
00:02:30,240 --> 00:02:31,140
es solo trabajo.

45
00:02:31,170 --> 00:02:35,390
Me gustaría obtener dos o tres artículos allí para que pueda ver los tres seleccionados.

46
00:02:35,420 --> 00:02:38,290
Ahí están los pequeños menús desplegables.

47
00:02:38,400 --> 00:02:40,530
Sin embargo, no necesita preocuparse por llenarlos.

48
00:02:41,280 --> 00:02:41,560
DE ACUERDO.

49
00:02:41,580 --> 00:02:46,140
Así que adelante y comience si quiere quedarse por un momento más.

50
00:02:46,140 --> 00:02:48,790
Voy a dar una demostración del sitio actual ahora.

51
00:02:49,110 --> 00:02:54,020
Así que de nuevo dejo todo en blanco. Necesito completar esto.

52
00:02:54,530 --> 00:03:00,390
Necesito completar el botón de selección de apellido aquí.

53
00:03:01,780 --> 00:03:02,520
Email.

54
00:03:02,520 --> 00:03:04,950
Dejarlo en blanco me dice que lo complete.

55
00:03:05,190 --> 00:03:07,290
Si no pongo un correo electrónico

56
00:03:11,310 --> 00:03:14,760
apropiado, se enoja conmigo y luego tiene que completar la contraseña.

57
00:03:14,990 --> 00:03:18,880
Un personaje no es suficiente para los personajes no es suficiente.

58
00:03:18,900 --> 00:03:24,520
Ahora si voy a cinco o seis o lo que sea, ahora tengo suficientes caracteres.

59
00:03:25,060 --> 00:03:27,520
Un menú desplegable.

60
00:03:27,600 --> 00:03:28,320
Cumpleaños.

61
00:03:28,500 --> 00:03:30,450
Puedo estar de acuerdo o no estar de acuerdo.

62
00:03:30,510 --> 00:03:31,890
Y ahora la forma de eso.

63
00:03:32,280 --> 00:03:33,730
OK, así que ahí está.

64
00:03:33,810 --> 00:03:35,400
Adelante, intente esto por su cuenta.

65
00:03:35,640 --> 00:03:39,390
Y luego, como siempre, lo dividiré paso a paso en el próximo video.