Ri Happy - Front-end do Zero #6 | Simulador de Piano

1️⃣ Objetivo

Desenvolver um simulador de piano utilizando HTML, CSS e JavaScript.

2️⃣ Descrição

Este projeto foi realizado durante o Bootcamp Ri Happy - Front-end do Zero, oferecido pela Digital Innovation One (DIO).

A atividade foi conduzida pelo instrutor Felipe Aguiar, que, no desenvolvimento deste projeto, reforçou alguns conceitos de CSS e JavaScript, como:

• CSS: position relative e absolute, uso de pseudo-elements.
• JavaScript: manipulação de DOM, adição e remoção dinâmica de classes, utilização de event listeners e do método toggle.

3️⃣ Principais Modificações

Implementei alterações na estrutura do teclado do piano no HTML.

No projeto original, o teclado não segue a ordem tradicional, que é:

• DÓ (tecla branca)
• DÓ# (tecla preta)
• RÉ (tecla branca)
• RÉ# (tecla preta)
• MI (tecla branca)
• FÁ (tecla branca)
• FÁ# (tecla preta)
• SOL (tecla branca)
• SOL# (tecla preta)
• LÁ (tecla branca)
• LÁ# (tecla preta)
• SI (tecla branca)

Atualizei a disposição das teclas para refletir essa ordem e também exibi o nome da nota musical diretamente nas teclas, ao invés de exibir as letras do teclado que as acionam, como no projeto original.

4️⃣ Tecnologias Utilizadas

Linguagens

  

Ferramentas

  

5️⃣ Créditos

Agradeço ao instrutor Felipe Aguiar e à equipe da DIO pelo conteúdo de altíssima qualidade, que contribuiu demais para o meu aprendizado e para a construção do meu portfólio.

• Digital Innovation One | DIO 🔗

6️⃣ Licença

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações.

---

Gostou do projeto? Deixe uma estrelinha