Music Legends

💻 Projeto

Esse projeto foi desenvolvido durante uma livecoding na Twitch.tv. O protótipo desse website foi desenvolvido pelo Iuri Silva, clique aqui para abrir o protótipo no figma.

🚀 Tecnologias

• HTML
• CSS
• JavaScript
• SVG Inject

📔 Conhecimentos abordados

• Uso semântico do HTML;
• Uso de variáveis globais no :root;
• Importação de font local;
• Evento para navegar entre as músicas;
• Evento de timer na música;
• Navegação pelo teclado(pausar música, avançar e voltar música);

📺 Vídeos no Youtube

#1 MUSIC LEGENDS - CRIANDO A ESTRUTURA INICIAL DA PÁGINA

---

#2 MUSIC LEGENDS - DEIXANDO A APLICAÇÃO RESPONSIVA

#3 MUSIC LEGENDS - EVENTOS VIA JAVASCRIPT