1
00:00:12,670 --> 00:00:18,750
A continuación vamos a mencionar el laboratorio final formulario de usuarios están listos.

2
00:00:18,790 --> 00:00:19,300
Vamos

3
00:00:22,190 --> 00:00:28,550
el objetivo del ejercicio es crear un proyecto para validar un formulario de usuarios usando HTML CSS

4
00:00:28,640 --> 00:00:32,780
y JavaScript y al finalizar deberemos observar lo siguiente según se muestra

5
00:00:38,110 --> 00:00:40,840
el proyecto debe tener la siguiente estructura.

6
00:00:41,050 --> 00:00:46,480
Por un lado vamos a crear nuestro proyecto llamado Laboratorio formularios usuarios vamos a agregar

7
00:00:46,480 --> 00:00:55,120
un archivo estilo CSS un archivo también de JavaScript llamado funciones punto JS vamos a manejar nuestro

8
00:00:55,120 --> 00:01:02,620
código HTML en la página índex punto HTML y vamos a agregar dos imágenes logo globalmente en un punto

9
00:01:02,620 --> 00:01:05,930
PNG y logo Universidad a punto PNG.

10
00:01:05,950 --> 00:01:10,750
Estas imágenes se las vamos a proporcionar a continuación pero esta es la estructura que debe tener

11
00:01:10,840 --> 00:01:12,130
nuestro laboratorio final

12
00:01:14,910 --> 00:01:20,840
las imágenes del proyecto las pueden descargar de los siguientes links así que simplemente pueden dar

13
00:01:20,840 --> 00:01:24,170
clic en esta imagen y descargarla a su proyecto

14
00:01:30,170 --> 00:01:33,380
como siguiente paso se debe de validar en este formulario.

15
00:01:33,380 --> 00:01:39,820
Cada campo utilizando JavaScript el campo de nombre no debe aceptar valores numéricos.

16
00:01:39,920 --> 00:01:45,950
El campo de apellido no debe de aceptar valores numéricos y el campo de email debe de proporcionar un

17
00:01:45,950 --> 00:01:53,510
email válido que al menos incluya el arroba hasta que se hayan validado estos campos.

18
00:01:53,510 --> 00:01:59,270
Es que se debe de permitir el envío del formulario de lo contrario se debe solicitar que el usuario

19
00:01:59,300 --> 00:02:05,690
ingrese un valor válido en el caso de la validación del campo de email no vimos cómo procesar este campo

20
00:02:05,780 --> 00:02:06,510
de mail.

21
00:02:06,560 --> 00:02:11,930
Sin embargo con lo que hemos visto hasta el momento se le solicita realizar una investigación para poder

22
00:02:11,930 --> 00:02:14,150
validar correctamente este campo.

23
00:02:14,210 --> 00:02:19,760
No estamos solicitando que se realice una validación compleja de este campo de email pero sí que al

24
00:02:19,760 --> 00:02:26,450
menos este campo de email incluya la letra de Arroba esto para que podamos considerar que es un email

25
00:02:26,510 --> 00:02:27,410
válido.

26
00:02:27,560 --> 00:02:33,710
Así que con esto se le solicita realizar la investigación de la validación de este campo para que incluya

27
00:02:33,770 --> 00:02:38,090
al menos el arroba como parte de los caracteres en este campo de mail

28
00:02:42,580 --> 00:02:48,130
la paleta de colores que vamos a utilizar en este proyecto es la siguiente en los estilos CSS vamos

29
00:02:48,130 --> 00:02:55,270
a definir el color para el título va a ser este color hexadecimal el color para cada una de las columnas

30
00:02:55,330 --> 00:03:00,410
de nuestro formulario va a ser este color indicado y el background va a ser igual al color.

31
00:03:00,430 --> 00:03:00,850
Black

32
00:03:04,920 --> 00:03:10,440
los estilos de los botones van a ser los siguientes el background es el color indicado en hexadecimal

33
00:03:10,650 --> 00:03:17,430
y el Padín es de 4 píxeles en la parte superior e inferior y de 10 píxeles en la parte izquierda y derecha

34
00:03:18,890 --> 00:03:25,490
el color también es el indicado en hexadecimal y también se va a aplicar un borde con el color indicado

35
00:03:25,490 --> 00:03:27,800
de un píxel de tipo sólido.

36
00:03:27,800 --> 00:03:31,280
Así que estos son los estilos definidos para la clase de botón

37
00:03:34,780 --> 00:03:36,390
como conclusión de este proyecto.

38
00:03:36,430 --> 00:03:43,720
Con este proyecto hemos terminado el curso de HTML CSS y JavaScript y ya estamos listos para comenzar

39
00:03:43,720 --> 00:03:44,630
a programar.

40
00:03:44,650 --> 00:03:51,040
Del lado del servidor y así crear páginas Web dinámicas que no solamente utilicen las tecnologías vistas

41
00:03:51,040 --> 00:03:58,000
en este curso sino también cuestiones como reglas de negocio más complejas acceso a base de datos formularios

42
00:03:58,030 --> 00:04:03,550
interactivos entre muchas características más relacionadas con las aplicaciones web.

43
00:04:03,580 --> 00:04:06,110
Cuando estamos utilizando la tecnología Java.

44
00:04:06,400 --> 00:04:13,420
Sin embargo como hemos comentado en este curso este tipo de formularios HTML CSS y JavaScript podemos

45
00:04:13,420 --> 00:04:19,330
aplicar cualquier tecnología del lado del servidor no estamos restringidos a utilizar tecnología Java

46
00:04:19,780 --> 00:04:25,900
así que este es el laboratorio final que le solicitamos realizar y con eso terminamos nuestro curso

47
00:04:25,900 --> 00:04:28,790
de HTML CSS y JavaScript.

48
00:04:28,840 --> 00:04:34,090
Esperamos que lo hayas disfrutado y hayas aprendido tanto como nosotros lo hemos hecho al crear este

49
00:04:34,090 --> 00:04:39,690
curso para todos ustedes los esperamos en más cursos de globalmente y hasta pronto.