WBNogueira/simulador-de-piano-virtual

Simulando piano virtual com Javascript

Simulador de Piano Virtual

Com HTML5, CSS3 e Javascript

1. Estrutura do projeto, criando as pastas src contendo as pastas styles (arquivos CSS), scripts (arquivos javascript) e tunes (arquivos wav audio digital).
2. Construindo a base do simulador em HTML.
3. Estilizando em CSS.
4. Utilizando o conceito de absolute e relative para as teclas do piano.
5. Trabalhando com Pseudos Elementos no checkbox.
6. Estilizando as teclas no CSS.
7. Implementando audio nas teclas com Javascript.
8. Utilizando o evento keydown para capturar a tecla quando há digitação com Javascript.
9. Implementado o controle do volume com Javascript.

Projeto realizado como estudos no Bootcamp Potência Tech iFood - Desenvolvimento de Jogos junto com a Dio.me.

Instrutor deste projeto: Felipe Aguiar (Felipão).