Para realizar este desafío, necesitas tener muy buena comprensión de HTML, CSS and JavaScript.
Su desafío es desarrollar esta aplicación de calculadora y lograr que se parezca lo más posible al diseño.
PLUS: Para solución debes implementarlo en HTML y CSS el diseño web haciendo uso de algun preprocesador CSS: Trabajo independiente - vídeo apoyo https://www.youtube.com/watch?v=BtiiM3jeb_c&ab_channel=VictorRoblesWEB
Ademas implementar en Javascript Vanilla los requerimientos técnicos del negocio a cumplir con la calculadora.
Sus usuarios deberían poder:
- Ver cómo se ajusta el tamaño de los elementos según el tamaño de la pantalla de su dispositivo
- Realizar operaciones matemáticas como suma, resta, multiplicación y división.
- Ajuste el tema de color según su preferencia.
- Verificar su preferencia de tema inicial usando
prefers-color-scheme
y tener cualquier cambio adicional guardado en el navegador
Su tarea es construir el proyecto a los diseños dentro del directorio /design
. Encontrará una versión móvil y otra de escritorio del diseño.
Los diseños están en formato JPG estático. El uso de JPG significará que deberá usar su mejor criterio para estilos respecto a : font-size
, padding
and margin
.
Encontrará todos los activos necesarios en la carpeta /images
. Los recursos ya están optimizados.
También hay una guía de estilos style-guide.md
que contiene la información que necesitará, como la paleta de colores y las fuentes.
Hay muchas formas de alojar su proyecto de forma gratuita. Nuestros recomendados son:
¡A crear un proyecto asombroso! 🚀