CARD VALIDATION

Índice

• 1. Resumen del proyecto
• 2. Consideraciones generales
• 3. Prototipo
• 4. Criterios de aprendizaje

---

1. Resumen del proyecto

Conociendo la demanda que existe por las series surcoreanas, hemos creado una nueva plataforma para que puedas disfrutrar de las mejores series que existen.

Hasu, es una plataforma nueva de streaming, aquí podrás encontrar tus series asiaticas favoritas: desde el clásico "Boys Over Flowers" hasta los nuevos lanzamientos de Netflix y de KBS.

Hasu cuanta con 3 planes de paga mensual: "Básico, Estándar y Premium", todos son asequibles al mercado peruano. Podrás conocer más de Hasu y de los planes que ofrecemos en el siguiente link:

(https://valeriaalcala.github.io/LIM018-card-validation/src/)

2. Consideraciones generales

Características del proyecto

El proyecto esta basado en el Algoritmo de Luhn, también conocida como "algoritmo de módulo 10", es una fórmula de suma de verificación, utilizada para validar una diversidad de números de identificación; como números de tarjetas de crédito, números IMEI, etc.

¿Cómo funciona el Algoritmo de Luhn en Hasu?

Al inicio de la página se muestra una sección de Bienvenida y verá un botones: "Elige tu plan". Al dar click en ese botón lleva directamente a una ventana donde se visualiza los 3 planes con los que cuenta Hasu, al elegir un plan, se direcciona a la zona de pago, donde se podra verificar si el número de tarjeta ingresado es correcto o no.

3. Prototipo

El protipo se realizó en Figma y consta de 3 pantallas

4. Criterios de aprendizaje

HTML

• Uso de HTML semántico

CSS

• Uso de selectores de CSS

• Modelo de caja (box model): borde, margen, padding

Web APIs

• Uso de selectores del DOM

• Manejo de eventos del DOM (listeners, propagación, delegación)

• Manipulación dinámica del DOM

JavaScript

• 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)

• Uso de linter (ESLINT)

• Uso de identificadores descriptivos (Nomenclatura y Semántica)

Control de Versiones (Git y GitHub)

• 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 un producto o servicio poniendo a la usuaria en el centro

product-design

• Crear prototipos de alta fidelidad que incluyan interacciones

• Seguir los principios básicos de diseño visual