Para este desafío, haremos uso de la API de Canvas en JavaScript y ¡crearemos una herramienta para dibujar en la Web!
Deberás implementar al menos dos de estas características:
- Selección de color
- Guardado de imagen
- Configuración del espesor del pincel
- Configuración del tamaño del lienzo
- Pincel con textura
- Goma de borrar
Algunos ejemplos:
- HTML5 Canvas JavaScript drawing app with bucket tool
- Sketch Pad (presionar "New" al entrar)
✅ Deberás utilizar un elemento `<canvas>`.
✅ Podrás usar librerías facilitadoras como jQuery.
⛔ No podrás agregar librerías externas relacionadas a Canvas.
⛔ Si usas jQuery, no podrás instalar plugins o complementos de jQuery.
Podrás utilizar cualquier herramienta de búsqueda que necesites (amamos buscar en Google y leer Stack Overflow <3).
Tendrás 1 hora para resolver el desafío.
Hacé un fork de este repo:
Cloná tu fork, reemplazando [TU_ALIAS] con el nombre de tu cuenta de GitHub. Podés clonarlo utilizando la consola:
git clone https://github.com/[TU_ALIAS]/DevOff-Desafio-3
También podés utilizar GitHub Desktop, tu IDE favorito, lo que gustes.
Cuando finalices la resolución del desafío, no olvides subir todos tus cambios usando git push o el equivalente que ofrezca tu cliente de Git. Envianos por el chat de la transmisión o por DM a la cuenta de Twitter de DevOff Argentina el link a tu repositorio.
Cuando finalices la resolución del desafío, envianos un archivo ZIP con todo tu trabajo a través de WeTransfer o una carpeta compartida en Google Drive.
Participar de DevOff implica la aceptación de nuestro Código de Conducta.
Ante cualquier consulta, podrás recurrir a nuestro equipo de moderación.
- ¡Gracias a Gonzalo Pozzo y Magalí Domínguez por ser nuestros jurados!
- ¡Un agradecimiento especial a Johanna Santos, la jurado invitada de esta edición!
¡Gracias a Migue Moyano, Joel A. Villarreal Bertoldi y Agustín Carrasco del equipo de CoDeAr por dar una mano para que este proyecto sea posible!
DevOff Argentina es un proyecto ideado por Aldana Denise, con el apoyo de CoDeAr.
¡A continuación, listamos todas las soluciones que se fueron presentando para este desafío!
🌟 Participantes EN VIVO:
- https://github.com/daianaszwimer/DevOff-Desafio-3, por Daiana Szwimer 🏆
- https://github.com/Gamzeescript/DevOff-Desafio-3, por Michelle Girón
- https://github.com/jenaro94/DevOff-Desafio-3, por Jenaro Calvino
💜 Participantes de la comunidad:
- https://github.com/FedericoLeiva12/DevOff-Desafio-3, por Federico Leiva
- https://github.com/gbobr/DevOff-Desafio-3, por Germán Bobr
- https://github.com/hdf1986/DevOff-Desafio-3, por Hugo Farji
- https://drau.vercel.app, oor Eli José Carrasquero
- https://github.com/Lefcott/DevOff-Desafio-3, por Leandro Cotti