Placa 100k

Projeto feito com HTML, CSS e Javascript.

Iremos construir uma réplica da placa de 100k do youtube que permite que o usuário altere o nome do canal. Além disso, esse projeto ainda possui um “easter egg” quando o usuário clica no botão, remontando aos primórdios do youtube BR.

Conteúdos aprendidos durante esse projeto:

• CSS

  • Variáveis CSS
  • Unidades CSS (rem, %)
  • Metologia BEM
  • Diferença entre a propriedade box-shadow e o filtro drop-shadow
  • Flexbox

• Javascript

  • .querySelector()
  • .addEventListener()
  • .add()
  • .remove()
  • .contains()

E muito mais.