Skip to content

DaniRami/BOG001-card-validation

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tarjeta de crédito válida

DEFINICION

Tienda de chaquetas online

YOUR OWN STYLE Nosotros diseñamos la pagina web pensando en la comodida de las mujeres para que puedan comprar sin tener que salir de casa, le aseguramos una compra segura al poder escoger el metodo de pago de su preferencia.

INVESTIGACION UX

Los principales usuarios son mujeres. El poder comprar desde la comodida de casa. Tener la seguridad de resivir el producto en el lugar donde este.

PROTOTIPO EN LAPIZ

img img img img

Feedback

Mejoras en la parte de la validacion de la tarjeta cuando el usuario no digitara el numero de tarjeta, saliera una ventana indicandole que deberia dijitar un numero detarjeta para continuar, tener la posibilidad de confirmar primero su compra si no estaba seguro poder mirar otra opcion de producto.

PROTOTIPO HERRAMIENTA

img img img

3. Objetivos de aprendizaje

Trabajando en parejas aprenderán a construir una aplicación web que interactuará con lx usuarix final a través del navegador, utilizando HTML, CSS y JavaScript como tecnologías.

Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en tu proyecto.

UX

  • [x ] Diseñar la aplicación pensando y entendiendo al usuario
  • [ x] Crear prototipos para obtener feedback e iterar
  • Aplicar los principios de diseño visual

HTML y CSS

  • [ x] Uso correcto de HTML semántico
  • [ x] Uso de selectores de CSS
  • [ x] Construir tu aplicación respetando el diseño realizado (maquetación).

DOM

  • [ x] Uso de selectores de nodos del DOM
  • [x ] Manejo de eventos del DOM
  • [ x] Manipulación dinámica del DOM

Javascript

  • [x ] Manipulación de strings
  • [x ] Uso de condicionales
  • [ x] Uso de bucles
  • [ x] Uso de funciones
  • [ x] Datos atómicos y estructurados
  • [x ] Utilizar ES Modules (import | export).

Testing

Git y GitHub

  • [ x] Comandos de git (add | commit | pull | status | push).
  • [x ] Manejo de repositorios de GitHub (clone | fork | gh-pages).

Buenas prácticas de desarrollo

  • [x ] Organizar y dividir el código en módulos (Modularización).
  • Uso de identificadores descriptivos (Nomenclatura | Semántica).
  • Uso de linter para seguir buenas prácticas (ESLINT).

About

Validador tarjeta de crédito realizado en dupla con ORIANA REINA

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 43.9%
  • CSS 29.4%
  • JavaScript 26.7%