🇺🇸 English |
🇧🇷 Português |
Vídeo | Tecnologias | Sobre | Destaques | Clone | Contato
netflix-video.mp4
Caso o vídeo apresente algum erro, recarregue a página!
Não tem deploy apenas por motivos de direitos autorais.
Assistir o vídeo acima e/ou acessar o projeto online ajudará na compreensão da explicação!
Como uma tradição de qualquer desenvolvedor Front-end, utilizando HTML, CSS e Javascript, clonei a Home da Netflix. Porém, não posso chamar exatamente de clone, pois fiz algumas pequenas alterações baseadas no meu gosto pessoal (Eu não resisto 😂).
Enquanto mergulhava em Back-end, esse projeto me ajudou a fazer pausas e manter o conhecimento de Front-end fresco em mente, por isso, fui desenvolvendo-o bem devagar.
- Os usuários podem alternar entre os idiomas português e inglês;
- Totalmente responsivo;
- Pratiquei sobreposição em CSS com os vídeos;
- Animações com CSS Transition;
- Manipulação das classes via Javascript;
- HTML Semântico;
Para clonar e executar este projeto em seu computador, você precisará apenas que o Git esteja previamente instalado.
Feito isso, no terminal:
# Clone esse repositório com:
> git clone https://github.com/Luk4x/netflix-start-page-clone.git
# Entre no repositório com:
> cd netflix-start-page-clone
# Execute o projeto com:
> start index.html # Para usuários de Windows
> open index.html # Para usuários de Linux/Mac
Vitrine.Dev 🪟
|
Lucas Maciel
|