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.
- Você pode conferir o resultado final do projeto clicando aqui.
- Assista ao passo a passo (dividido em 6 partes) clicando aqui.
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). 😉