primer proyecto Card validation
Una página web que permita al usuario ingresar los datos de su tarjeta y que valide sus datos como correctos o incorrctos.
´´´´´´´´
En este proyecto debemos construir una aplicación web que permita a la usuaria ingresar los datos de su tarjeta de crédito. Se necesita agregar la funcionalidad para que la usuaria pueda ver si su tarjeta es válida bajo ciertas condicionales. Por otro lado, en el aspecto visual se decidió que los colores serán de aspecto femenino y amigables para la usuaria. Que la pantalla sea fácil de comprender y que los datos puedan ser ingresados de manera fácil y oportuna.
Los programas que utilizamos para este proyecto fueron los siguientes:
- Visual Studio Code
- Git
- Node.js: Version 18.16
- Github
El primer paso fue clonar el repositorio desde el Github de Laboratoria https://github.com/Laboratoria/DEV008-card-validation
Siguiente paso abrir el programa Visual Studio Code
Abri la terminal ctrl+J
$ git clone https://github.com/Laboratoria/DEV008-card-validation.git
$ cd=> el comando que nos ayuda a navegar entre las carpetas
$ npm install => instala el node.js para agregarle la funcionalidad de JS.
$ npm start => nos comunica con el hospedador y hace que nuestra pagina sea visible dentro de la web.
Los lenguajes de programación que utilizamos fueron en primer lugar, un archivo html, el cual nos da la estructura de nuestras aplicación web. El siguiente archivo a utilizar fue para agregarle estilo visual style.css. Acá elegimos colores, alineación, introducimos las imagenes necesarias para concretar el objetivo visual que queremos lograr. y por último, dos archivos JavaScript, los cuales se deben comunicar entre si atraves de un import y un export. Acá le agregamos la interacción con nuestra usuaria y la funcionalidaad del botón. Como también, agregamos nuestra funcion de validar la tarjeta y de esconder los numeros que registra la usuaria.
Algunos de los sitios consultados para poder recavar informacion fueron los siguientes:
- https://developer.mozilla.org/
- https://learn.microsoft.com/
- https://www.youtube.com/watch?v=f0zL6Ot9y_w
- https://www.youtube.com/watch?v=oqTpGpy4WDo&t=17s
- https://www.youtube.com/watch?v=66myIII2sY0|
- https://www.youtube.com/watch?v=bmGPv687toc&t=693s
- https://desarrolloweb.com/
Se hicieron los arreglos finales para ser amigable el uso de la aplicación web hacia la usuaria. Se corrieron los test para cumplir con los requerimientos del proyecto. El último paso es subir nuestro resultado final a Git pages. Aqui la url de nuestro proyecto