Skip to content

PROYECTO CARD VALIDATION: lógica del proyecto implementada completamente en JavaScript,uso de modulos y maquetación en HTML Y CSS.

Notifications You must be signed in to change notification settings

lalopez13/BOG001-card-validation

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FUNDACION CAGUANA

logo

La elección del producto final, es resultado de intereses comunes y de la fuerte necesidad de hacer un proyecto con propósito, enfocado siempre desde nuestro rol como desarrolladoras a ofrecer soluciones mediante propuestas tecnologicas que funcionen como un puente entre todos los individuos

INVESTIGACIÓN UX 📌

Quienes son los principales usuarios del producto

  • Los usuarios a quienes se dirige esta propuesta son los ciudadanos (excluyendo a los campesinos,quienes son los beneficiarios) que conformen la población productiva del país y que a través de donaciones se cumpla el objetivo de la fundación.

Cuáles son los objetivos de estos usuarios en relacion con tu producto

  • El objetivo principal es social ya que gracias a las donaciones de los usuarios el agro colombiano logra tener un impulso económico que beneficia al país, económica, socialmente y más importante en seguridad alimentaria, ya que al trabajar por el impulso de agro en un país agricultor como Colombia se garantiza un calidad de vida mejor para la población, además del objetivo de accesibilidad a la página, pensada y creada para ser de fácil uso, adicionalmente de educar a las personas, implanta un sentimiento colaborativo que ayude al desarrollo de Colombia.

Como crees que el producto que estas creando esta resolviendo los problemas

  • Las tecnologías de la comunicación actualmente representa la existencia de problemas y soluciones en un mundo donde la tecnología tiene un papel protagónico, es por esto que por medio de esta página se expone un problema interno que es el abandono, el desperdicio y el desinterés de las zonas rurales que son fundamentales para el crecimiento de Colombia, por esto el poder de la visibilidad que le otorga nuestra página, concebida para la inclusión de toda la población debido que la desigualdad engloba la tecnología y esta problemática puede solucionar brechas y construir un país solidario que comprenda todas las realidades y contextos que Colombia presenta, coadyuvando mediante donaciones.

PROTOTIPOS 📋

  • Primer sketch del proyecto a baja fidelidad hecho en lápiz y papel.

First sketches of the project

  • Primer sketch digital

Second sketch of the project

  • Segundo sketch digital

Second sketch of the project

Se hicieron ajustes de acuerdo al feedback, donde parte del diseño cambió durante el desarrollo de la maquetación del HTML y los estilos CSS, para que cada elemento se acoplara y lograr que la parte visual de la página fuera lo más cercano al prototipo.

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

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

HTML y CSS

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

DOM

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

Javascript

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

Testing

Git y GitHub

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

Buenas prácticas de desarrollo

  • 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

PROYECTO CARD VALIDATION: lógica del proyecto implementada completamente en JavaScript,uso de modulos y maquetación en HTML Y CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 49.8%
  • CSS 27.8%
  • JavaScript 22.4%