ricardomorato / js-essentials

( code ) => { action() }

O objetivo desse treinamento é mostrar os principais conceitos da linguagem javascript, em especial o que foi introduzido nas ultimas versões do EcmaScript e já é amplamente implementado pelos navegadores modernos. Em bullets, essas são as principais coisas:

• O que é EcmaScript, npm e todos esses termos usados;
• Arrays e iteração com funções;
• Gerenciamento de pacotes;
• DOM: Eventos, Listeners, métodos de queries e manipulação de elementos;
• Como programar orientado a objetos com classes ES6;

O Desafio

Que tal fazer um player de áudio personalizado apenas com HTML5, CSS e JS?

• Mockup: Desafio JS
• Exemplo básico: https://citi-player.netlify.com/

Quando tiver tudo pronto, envie um email para [email protected] com o assunto [ Desafio JS ] Seu Nome e no conteúdo o repositório do seu projeto.

Gists

• Constantes e Variáveis
• DOM e Queries com JS
• Eventos

Recursos

• MDN Web Docs
• Apresentação