Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
52 commits
Select commit Hold shift + click to select a range
aa18045
ubicando carpetas
YolandaVenturaChz Jan 27, 2018
cc62601
iniciando ventana luhn.html
YolandaVenturaChz Jan 27, 2018
0d3b47c
añadiendo html y funcionalidad de libreria
mendozavanessa Jan 27, 2018
4190cdd
arreglando data
YolandaVenturaChz Jan 27, 2018
786e588
modificando app.js
mendozavanessa Jan 27, 2018
e1a524f
modificando app.js y index
mendozavanessa Jan 28, 2018
609aa9e
redactando redme
mendozavanessa Jan 28, 2018
1dbe24b
modificando index
mendozavanessa Jan 29, 2018
164ed4e
modificando app y libreria
mendozavanessa Jan 30, 2018
637bc59
agregando funcionabilidad de modal
YolandaVenturaChz Jan 30, 2018
8f43f8b
agregando datos a modal y verificando datos de usuario
mendozavanessa Jan 31, 2018
1c67b5f
modificando libreria y app.js
mendozavanessa Jan 31, 2018
1c30e9b
leer codigo y trascribirlo a ES6
YolandaVenturaChz Jan 31, 2018
7a02337
trascribirlo a ES6
YolandaVenturaChz Jan 31, 2018
264267f
comentando libraryCard y cambiando codigo a ES6
mendozavanessa Feb 1, 2018
0b7e284
modificando parametros de libraryCard
mendozavanessa Feb 1, 2018
f2e437f
Update README.md
mendozavanessa Feb 1, 2018
ef4e2f4
Update README.md
mendozavanessa Feb 1, 2018
ced2223
Update README.md
mendozavanessa Feb 1, 2018
c33a16f
Update README.md
mendozavanessa Feb 1, 2018
8bd1ad7
subiendo cambios
YolandaVenturaChz Feb 1, 2018
a79fb23
Update README.md
mendozavanessa Feb 1, 2018
b0ed135
modificando readme
mendozavanessa Feb 1, 2018
4a76939
Update README.md
mendozavanessa Feb 1, 2018
27a3031
Update README.md
mendozavanessa Feb 1, 2018
dcffa1c
Update README.md
mendozavanessa Feb 1, 2018
3c96ee2
Update README.md
mendozavanessa Feb 1, 2018
83fd175
Update README.md
mendozavanessa Feb 1, 2018
b7a32a2
Update README.md
mendozavanessa Feb 1, 2018
a16da25
subiendo cambios
YolandaVenturaChz Feb 1, 2018
e698cfe
subiendo cambios
YolandaVenturaChz Feb 1, 2018
510bad7
subiendo cambios
YolandaVenturaChz Feb 1, 2018
5884bff
subiendo cambios
YolandaVenturaChz Feb 1, 2018
ff81008
subiendo cambios readme
YolandaVenturaChz Feb 1, 2018
2660005
subiendo cambios 2
YolandaVenturaChz Feb 1, 2018
7621ae7
modificando index
mendozavanessa Feb 1, 2018
071a11e
subiendo arreglos
YolandaVenturaChz Feb 1, 2018
af6af7e
subiendo cambios
YolandaVenturaChz Feb 1, 2018
c8f4d6f
subiendo cambios de nuevo
YolandaVenturaChz Feb 2, 2018
82016f7
subiendo cambios de nuevo2
YolandaVenturaChz Feb 2, 2018
797050b
modificando modal
mendozavanessa Feb 2, 2018
57d40d6
Update README.md
mendozavanessa Feb 2, 2018
018e5e6
Update README.md
mendozavanessa Feb 2, 2018
891a150
modificar index
mendozavanessa Feb 2, 2018
e0c041c
modificando carrusel
mendozavanessa Feb 2, 2018
34c66cd
subiendo nuevos estilos en index
YolandaVenturaChz Feb 4, 2018
1b8e070
subiendo nuevos estilos en index
YolandaVenturaChz Feb 4, 2018
fcd0202
subiendo nuevos estilos en index
YolandaVenturaChz Feb 4, 2018
c21fe02
subiendo nuevos estilos en index
YolandaVenturaChz Feb 4, 2018
152f3a4
subiendo nuevos estilos en index
YolandaVenturaChz Feb 4, 2018
804df5c
subiendo nuevos estilos en index2
YolandaVenturaChz Feb 4, 2018
8ac5a59
modficando header, main y footer
mendozavanessa Feb 5, 2018
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .babelrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"preset":["es2015"]
}
29 changes: 29 additions & 0 deletions .eslintrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
{
"parserOptions": {
"ecmaVersion": 6
},
"rules": {
"keyword-spacing": 1,
"space-before-function-paren": [1, "never"],
"eqeqeq": 1,
"space-infix-ops": 1,
"comma-spacing": 1,
"brace-style": 1,
"no-multiple-empty-lines": 1,
"camelcase": 1,
"func-call-spacing": 1,
"key-spacing": 1,
"semi": 1,
"no-floating-decimal": 1,
"no-multi-spaces": 1,
"object-property-newline": 1,
"padded-blocks": [1, "never"],
"space-before-blocks": 1,
"space-in-parens": 1,
"spaced-comment": 1,
"quotes": [1, "single"],
"id-length": [1, { "exceptions": ["i", "j", "x"] }],
"indent": [1, 2],
"no-array-constructor": 1
}
}
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
node_modules/
package-lock.json/
105 changes: 99 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,90 @@
# Valida datos de tarjetas de crédito
## LibraryCard.js

Creamos una librería que valida un tarjeta de crédito usuando como datos de entrada el nombre del usuario, código de verificacion, fecha de vencimiento y el número de la tarjeta de crédito.Para ello ultilizamos como base el algoritmo de Lhun.
___

### REQUISITOS
Implementar un validador de datos de tarjeta de crédito. La librería debería validar el número de tarjeta de crédito (usando algoritmo de Luhn), fecha de vencimiento, codigo de verificación (cvv) y nombre del usuario que aparece en la tarjeta.

+ README.md con descripción del módulo, instrucciones de instalación, uso y documentación del API.
index.js: Librería debe exportar una función u objeto al entorno global (window) y hacer uso de features de ES6 donde sea apropiado.
+ index.html: Página web de la librería con ejemplo funcionando.
package.json con nombre, versión, descripción, autores, licencia, dependencias, scripts (pretest, test, ...)
+ .eslintrc con configuración para linter (ver guía de estilo de JavaScript)
+ .gitignore para ignorar node_modules u otras carpetas que no deban incluirse en control de versiones (git).

Hacker edition (opcional):

+ Si la librería está dirigida al navegador, debe adherirse al patrón UMD para poder ser usado con AMD, CommonJS y como variable global del navegador.
Integración continua con Travis o Circle CI

___

### ¿Que es una libreria en JS?
Es un conjunto de implementaciones funcionales, codificadas en un lenguaje de programación, que ofrece una interfaz bien definida para la funcionalidad que fue creada.

### ¿Que es node.js?
Node.js es una librería y entorno de ejecución de E/S dirigida por eventos y por lo tanto asíncrona que se ejecuta sobre el intérprete de JavaScript creado por Google V8.

### ¿Que es el algoritmo de Luhn?
El algoritmo de Luhn es un método creado para la verificación de números de identificación, como los números de las tarjetas de crédito (Visa, MasterCard).

___

### PLANIFICACIÓN

+ Creamos un [tablero][trello] en trello para mantener un registro de las tareas que iremos realizando cada una.

___**SEMANA1**___

+ Formamos equipo.
+ Elegimos el RETO 1: VALIDADOR DE DATOS DE TARJETAS DE CRÉDITO e hicimos fork al reto modelo
+ Escribimos nuestra primera version de readme de la cual recibimos enriquecedores feedback los cuales ayudaron a mejorar nuestro trabajo.
+ Aprendimos a crear issues y lo pusimos en practica.
+ Averiguamos sobre node.js y inicializamos nuestro proyecto con npm init y git init
+ Creamos un index.html y comenzamos a maquetar un ejemplo de lo que podria llegar a ser nuestro producto final.


___**SEMANA2**___

Implementando funcionalidad anuestra libreria para ello hicimos un trabajo colaborativo en git y nos reunimos el fin de semana y en las tardes para complementar los conceptos que habiamos averiguado y asi poder ponerlo en practica en la libreria, asi tambien nossirvio bastante las clases de fundamentos de javascript
Trabanjando juntas.
+ Averiguando sobre la libreria moments.js para asi guiarnos.
+ Creando una interfaz agradable al usuario.


___**SEMANA3**___
Demo final
+ implementando imagenes
+ verificando la funcionabilidad.
+ Trabajando con ES6.
+ Investigando sobre modules de node.js
+ Como publicar mi libreria.

### Herramientas Utilizadas
+ ES5
+ ES6
+ HTML5
+ CSS3
+ BOOTSTRAP4
___

### Imagenes
![planes](public/assets/images/1.png)
![planes](public/assets/images/Capture.PNG)
![planes](public/assets/images/Capture1.PNG)

### Link de referencias

+ https://www.youtube.com/watch?v=xO_D1y5ywfE
+ https://www.w3schools.com/nodejs/default.asp
+ https://carlosazaustre.es/ecmascript-6-el-nuevo-estandar-de-javascript/
+ https://platzi.com/blog/ecmascript-nueva-sintaxis/
+ https://www.youtube.com/watch?v=hHdmYbQvc7Y&index=17&list=PLoNyKJJ130VEz1KUQBh1rBkcb1nlP8kA_
+ http://www.ecma-international.org/ecma-262/6.0/#sec-getmethod

___


* **Track:** _Common Core_
* **Curso:** _JS Deep Dive: Crea tu propia librería usando JavaScript_
Expand All @@ -10,11 +96,13 @@ El plugin debe recibir una referencia a un elemento del DOM que contenga
`<input>`s con los siguientes nombres (atributo `name`):

* `cn` (Card Number): El número de la tarjeta de crédito
* `exp` (Expiry Date): Fecha de expiración
* `cvv` (Card Verification Value): Código de validación de 3 dígitos
* `name`: Nombre completo como aparece en la tarjeta
* `exp` (Expiry Date): Fecha de vencimiento
* `cvv` (Card Verification Value): Código de validación de 4 dígitos
* `name`: Nombre completo del usuario que aparece en la tarjeta

## Ejemplo
___

### Ejemplo

```html
<form>
Expand Down Expand Up @@ -53,4 +141,9 @@ form.addEventListener('submit', (e) => {

A la hora de hacer las validaciones, la librería debería de añadir la clase
`.error` a los `<input>`s que no pasen la validación, o la clase `.success`
en caso de que sí pase.
en caso de que sí pase asi agregando una entorno visual para que vea el error.

### **Autoras**

>##### Yolanda Ventura Chavez
>##### Vanessa Mendoza Inoñan
Empty file added dist/main.js
Empty file.
Loading