1. Preámbulo
2. Prototipo
3. Objetivos de aprendizaje
4. Proyecto
El algoritmo de Luhn, también llamado algoritmo de módulo 10, es un método de suma de verificación, se utiliza para validar números de identificación; tales como el IMEI de los celulares, tarjetas de crédito, etc.
Este algoritmo es simple. Obtenemos la reversa del número a verificar (que solamente contiene dígitos [0-9]); a todos los números que ocupan una posición par se les debe multiplicar por dos, si este número es mayor o igual a 10, debemos sumar los dígitos del resultado; el número a verificar será válido si la suma de sus dígitos finales es un múltiplo de 10.
En este proyecto se realizó un moodboard en Figma para buscar el estilo final de la aplicación de validador de tarjetas.
Los objetivos de aprendizaje reforzados en este proyecto fueron los siguientes:
- 🪐 Uso de HTML semántico
- 🌈 Uso de selectores de CSS
- 🌈 Modelo de caja (box model): borde, margen, padding
- 🌟 Uso de selectores del DOM
- 🌟 Manejo de eventos del DOM (listeners, propagación, delegación)
- 🌟 Manipulación dinámica del DOM
- 🌟 Tipos de datos primitivos
- 🌟 Strings (cadenas de caracteres)
- 🌟 Variables (declaración, asignación, ámbito)
- 🌟 Uso de condicionales (if-else, switch, operador ternario, lógica booleana)
- 🌟 Uso de bucles/ciclos (while, for, for..of)
- 🌟 Funciones (params, args, return)
- 🌟 Pruebas unitarias (unit tests)
- 🌟 Módulos de ECMAScript (ES Modules)
Git: Instalación y configuración- Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)
- GitHub: Creación de cuenta y repos, configuración de llaves SSH
- GitHub: Despliegue con GitHub Pages
- 🚀 Diseñar la aplicación pensando en y entendiendo al usuario
- 🚀 Crear prototipos para obtener feedback e iterar
- 🚀 Aplicar los principios de diseño visual
La interfaz permite al usuario:
- 👩💻 Insertar el número que queremos validar.
- 👩💻 Ver el resultado si es válido o no.
- 👩💻 Ocultar todos los dígitos de su número de tarjeta menos los últimos 4 caracteres.
