Code Monkey home page Code Monkey logo

proyecto2toquemoseldom's Introduction

Proyecto Toquen-El-Dom

Musica

Educamás -> Programate Cohorte IV FREEDOM DEVELOPER. 💻

Este proyecto fue realizado con fines educativos para el bootcamp Programate de EducaMás.

🗒️ Link Backlog Jira

https://dianach.atlassian.net/jira/software/projects/PROYEC/boards/1

Trabajaremos en crear una web para una una escuela de música online, con el plus de que los usuarios van a poder practicar con algunos de los instrumentos porque estos van a reproducir sonidos con click o con pulsaciones de teclado.

📚

Contexto del proyecto

La tecnología ha permitido que se puedan migrar a la virtualidad muchas de las actividades que eran estrictamente presenciales, entre esas la educación, y en este caso puntual, las escuelas de música. Desarrolla una web para la escuela de música "Toquen el DOM", en la que los usuarios pueden acceder al instrumento de su preferencia y practicar en él de forma didáctica. El diseño de la web queda a su criterio, aunque cabe aclarar que en los requerimientos de la escuela está la creatividad como punto importante a tener en cuenta.

🛠 Tech Stack

- 🌐   HTML5 | CSS3 | JAVASCRIPT

🖥 Requerimientos técnicos

- 🌐 La página debe tener un instrumento a elegir entre piano, batería, y la marimba.
- 🌐 El diseño del instrumento es de libre elección, se pueden diseñar los componentes aparte o utilizar recursos externos, si se utilizan recursos externos deben ser gratis, no se permite el plagio.
- 🌐 Los sonidos deben corresponder (En el caso del piano y la marimba las notas deben estar en el orden correcto, los mismo con las partes de la batería).
- 🌐 El instrumento se DEBE poder tocar con el mouse.
- 🌐 El instrumento se DEBE poder tocar con el teclado.
- 🌐 Se DEBE poder tocar de manera repetida y cuantas veces quiera el usuario.
- 🌐 El sonido de una parte del instrumento DEBE poder sonar a la par con las demás partes (Teclas para el piano, barras para la marimba y platillos, bombo, redoblante, etc para la batería).
- 🌐 Cuando se toque un elemento del instrumento DEBE mostrar algún movimento ( Ya sea Vibración, movimiento, o el efecto de que se oprime en el caso de las teclas)
- 🌐 El código DEBE ser ordenado, identado, semántico y con buenas prácticas de desarrollo: clean code.
- 🌐 La distribución del contenido DEBERÍA hacerse con Flex-box o Grid system. • No se pueden utilizar frameworks ni librerías, el desarrollo debe ser vanilla.

Deploy page

proyecto2toquemoseldom's People

Contributors

ronrook avatar dianachavezr avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.