https://github.com/sbm-landrade/padawan-javascript-01

Repositório criado para aplicação prática dos conceitos do curso " Curso de JavaScript para Web: Crie páginas dinâmicas" da linha de estudos "02-Frontend" do plano de estudos "Desenvolvedor Padawan".
https://github.com/sbm-landrade/padawan-javascript-01

Last synced: 28 days ago
JSON representation

Repositório criado para aplicação prática dos conceitos do curso " Curso de JavaScript para Web: Crie páginas dinâmicas" da linha de estudos "02-Frontend" do plano de estudos "Desenvolvedor Padawan".

• Host: GitHub
• URL: https://github.com/sbm-landrade/padawan-javascript-01
• Owner: sbm-landrade
• Created: 2024-05-22T12:26:58.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-06-05T16:57:34.000Z (8 months ago)
• Last Synced: 2024-11-07T11:14:16.160Z (3 months ago)
• Language: CSS
• Homepage: https://sbm-landrade.github.io/padawan-javascript-01/
• Size: 957 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
### **Descrição:** 

Repositório criado para aplicação prática dos conceitos do curso "HTML5 e CSS3 parte 2: posicionamento, listas e navegação" da linha de estudos "02-Frontend" do plano de estudos "Desenvolvedor Padawan".

# Projeto JavaScript para Web: Crie páginas dinâmicas

O Alura MIDI é um instrumento musical de interface digitial (MIDI), que reproduz sons de instrumentos musicais, por enquanto de uma bateria, ao usuário clicar ou pressionar com teclado em seus botões.



## 🔨 Funcionalidades do projeto

O MIDI tem um teclado digitial com 9 botões, cada botão reproduzirá o som de dado instrumento musical. O HTML carregará os arquivos de mídia com o som dos instrumentos através do elemento ``, e com o MIDI vamos controlar a reprodução destes arquivos de mídia através do clique em seus elementos ``. Serão 9 sons diferentes.

## ✔️ Técnicas e tecnologias utilizadas

- `HTML`: O HTML tem um papel fundamental para a aplicação funcionar corretamente com a inserção dos elementos `` que irão prover para o JavaScript os controles de reprodução da mídia carregada. O HTML já virá pronto nos arquivos iniciais do curso;

- `CSS`: O CSS tem papel fundamental para indicar a interação do usuário com a interface gráfica, portanto indica quando os botões são pressionados por mouse ou teclado. O CSS já virá pronto nos arquivos iniciais do curso;

- `JavaScript`: O JavaScript proporcionará programarmos a dinâmica de controle de reprodução de um som, que a princípio está sendo realizada pelo elemento ``, e passarmos este controle para os elementos ``, com todo o cuidado de fazer um código inteligente, sem repetição, que cuida também os aspectos visuais com CSS dinâmico. Abaixo alguns tópicos abordados no curso:

  - `querySelector`;

  - `document`;

  - `const`;

  - `function`;

  - `while`;

  - `for`;

  - `if`;

  - `else`;

  - `template string`;

  - `event handlers`;