A continuación vamos a mencionar el laboratorio final formulario de usuarios están listos.
Vamos
el objetivo del ejercicio es crear un proyecto para validar un formulario de usuarios usando HTML CSS
y JavaScript y al finalizar deberemos observar lo siguiente según se muestra
el proyecto debe tener la siguiente estructura.
Por un lado vamos a crear nuestro proyecto llamado Laboratorio formularios usuarios vamos a agregar
un archivo estilo CSS un archivo también de JavaScript llamado funciones punto JS vamos a manejar nuestro
código HTML en la página índex punto HTML y vamos a agregar dos imágenes logo globalmente en un punto
PNG y logo Universidad a punto PNG.
Estas imágenes se las vamos a proporcionar a continuación pero esta es la estructura que debe tener
nuestro laboratorio final
las imágenes del proyecto las pueden descargar de los siguientes links así que simplemente pueden dar
clic en esta imagen y descargarla a su proyecto
como siguiente paso se debe de validar en este formulario.
Cada campo utilizando JavaScript el campo de nombre no debe aceptar valores numéricos.
El campo de apellido no debe de aceptar valores numéricos y el campo de email debe de proporcionar un
email válido que al menos incluya el arroba hasta que se hayan validado estos campos.
Es que se debe de permitir el envío del formulario de lo contrario se debe solicitar que el usuario
ingrese un valor válido en el caso de la validación del campo de email no vimos cómo procesar este campo
de mail.
Sin embargo con lo que hemos visto hasta el momento se le solicita realizar una investigación para poder
validar correctamente este campo.
No estamos solicitando que se realice una validación compleja de este campo de email pero sí que al
menos este campo de email incluya la letra de Arroba esto para que podamos considerar que es un email
válido.
Así que con esto se le solicita realizar la investigación de la validación de este campo para que incluya
al menos el arroba como parte de los caracteres en este campo de mail
la paleta de colores que vamos a utilizar en este proyecto es la siguiente en los estilos CSS vamos
a definir el color para el título va a ser este color hexadecimal el color para cada una de las columnas
de nuestro formulario va a ser este color indicado y el background va a ser igual al color.
Black
los estilos de los botones van a ser los siguientes el background es el color indicado en hexadecimal
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
el color también es el indicado en hexadecimal y también se va a aplicar un borde con el color indicado
de un píxel de tipo sólido.
Así que estos son los estilos definidos para la clase de botón
como conclusión de este proyecto.
Con este proyecto hemos terminado el curso de HTML CSS y JavaScript y ya estamos listos para comenzar
a programar.
Del lado del servidor y así crear páginas Web dinámicas que no solamente utilicen las tecnologías vistas
en este curso sino también cuestiones como reglas de negocio más complejas acceso a base de datos formularios
interactivos entre muchas características más relacionadas con las aplicaciones web.
Cuando estamos utilizando la tecnología Java.
Sin embargo como hemos comentado en este curso este tipo de formularios HTML CSS y JavaScript podemos
aplicar cualquier tecnología del lado del servidor no estamos restringidos a utilizar tecnología Java
así que este es el laboratorio final que le solicitamos realizar y con eso terminamos nuestro curso
de HTML CSS y JavaScript.
Esperamos que lo hayas disfrutado y hayas aprendido tanto como nosotros lo hemos hecho al crear este
curso para todos ustedes los esperamos en más cursos de globalmente y hasta pronto.