Skip to content

Latest commit

 

History

History
40 lines (27 loc) · 1.66 KB

README.md

File metadata and controls

40 lines (27 loc) · 1.66 KB

Placa 100k

Nesse repositório você encontra os starter files de um 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.

Preview

Conteúdo extra

Esse projeto possui conteúdos exclusivos, que são:

  • Ebook explicando todo o projeto passo a passo, com mais de 36 snippets (trechos) de códigos explicados com imagens
  • Código completo do projeto
  • Código completo do projeto completamente comentado

Caso você deseje ter acesso a todo esse material extra, além de materiais de outros projetos, por favor considere fazer parte da minha comunidade e apoiar o meu trabalho clicando aqui. Muito obrigado!

O que você irá aprender/praticar 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.

Eu adoraria ver seu projeto finalizado. Por favor, marque-me no Youtube, Instagram (@inkasadev) ou Twitter (@inkasadev). 😉