This project is the event page for PachaConf where you can buy your tickets for the online conference :)
- Users of this project are enviromental activists who want to attend a global conference in order to celebrate the international day of planet earth.
- This project is meant to help to register the attendants in the virtual event.
- First prototype
- Feedback I have gotten
- Image of final prototype
- ✅ Organizar tu tiempo y priorizar tareas en un entorno de alta incertidumbre.
- ❌ Entender las necesidades del usuario y cómo proponer una solución.
- ✅ Entender la importancia del proceso de prototipado durante la creación de un producto digital.
- ❌ Conocer los principios básicos del diseño visual.
- ✅ Utilizar etiquetas semánticas de HTML y elementos de formulario.
- ✅ Mostrar elementos de formulario en la pantalla usando HTML y CSS.
- ✅ Utilizar diversos tipos de selectores en CSS: de elemento, de clase, de id.
- ✅ Utilizar el modelo de cajas de CSS (border, margin, padding).
- ✅ Definir reglas de estilo en CSS.
- ✅ Permitir al usuario interactuar con elementos del DOM y hacer que la aplicación responda cuando ocurran esos eventos del DOM.
- ✅ Manipular strings (cadenas de texto).
- ✅ Usar control de flujo (bucles, condicionales, ...).
- ✅ Actualizar la pantalla con los resultados (manipular el DOM) a través de innerHTML o textContent.
- ✅ Implementar funciones dada una descripción de su comportamiento.
- ✅ Verificar que tus funciones hagan las cosas para las que fueron creadas (pruebas unitarias (unit tests) con Jest).
- ✅ Configurar tu cuenta de git.
- ✅ Hacer fork y clonar el repositorio del proyecto.
- ✅ Mantener actualizado los cambios en tu repositorio remoto (commit, pull, push).
- ✅ Desplegar tu proyecto en GitHub Pages.
- Check before submit if all fields are correct
- Check if inputs on the checkout view are filled, they are REQUIRED.
- Validate Required fields is working?
- first name
- last name
- confirm email must be equal to email
- card number
- exp date
- csv
- La imagen final de tu proyecto.
- Change double quotes for single quotes in JS.
- HTML change camelCase to -Case
- Change functions by arrow functions
- Center some elements.
- Enter Promo Code Interactivity.
- Change innerHTML for textContent when not html needed.
- Rewrite luhn algorithm
- Check tests
- Write tests
- Validation form -> GET First Name, email, card encrypted.
- Un título con el nombre de tu proyecto.
- Un resumen de 1 o 2 líneas de qué se trata tu proyecto.
- Investigación UX:
- Explicar quiénes son los usuarios y los objetivos en relación con el producto.
- Explicar cómo el producto soluciona los problemas/necesidades de dichos usuarios.
- Luego colocarás la foto de tu primer prototipo en papel.
- Agregar un resumen del feedback recibido indicando las mejoras a realizar.
- Imagen del prototipo final.
- Is the luhn algorithm well explained? I think the image (spacially the arroy) confuses the developer.
- Should I have used labels instead of paragraphs after inputs?
- Should I use onblur by default vs addEventListener with the event blur?
- Is it responsive?
- Can we create the cart animation increase in numbers?
- Name vs Id wich one to use in forms
- min lenght
- Card Generators (create a good one!)
- Section or Div?
- Where do I learn CSS? Udacity has a good starting point for responsiveness
- How do they create that small icon card to show in the input for card number
- Why do they not use the word function?
- JS events https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events (onclick vs addeventlistener)
- Why do they not use this keyword, why is not allowed in laboratoria?
- BIND concept in JS https://www.freecodecamp.org/news/when-and-why-you-should-use-es6-arrow-functions-and-when-you-shouldnt-3d851d7f0b26/
- Create supper inputs? Like texts that get smaller and then are bigger
- Clear the float whenever you need to get a new line after a float:left
- If working with a forked repository you will probably want to add a new remote
- git remote add upstream ULR_GIT_REPO
- If you need to list your remotes use:
- git remote -v
- TODO comments only work in programming languages (JS) and not for HTML (markup language)
- Chrome browser will recognize a credit card input if you use the the attribute name="cardNumber" or placeholder="Card Number*"
- Input pattern attribute only suggest when you over an input and wrote another thing to write the requested format.
- HTML5 discourages the use of type=text/javascript https://stackoverflow.com/questions/51418964/script-type-text-javascript-vs-script-type-module
- onclick is a bad practice https://www.simonewebdesign.it/onclick-vs-addeventlistener/
- repeat and slice methods for strings!
- onblur is for when something is out of focus