Projeto clone Netflix da DIO.
Na primeira parte foi visto todo ambiente de desenvolvimento e criação das pastas para inicialização do projeto.
Nessa etapa foi realizada toda estrutura do HTML semântico e criado o arquivo de folha de estilos principal.
Trabalhada a folha de estilo no menu onde é apresentada a logo e o menu, orientação sobre a as criações e utilização de variáveis no CSS, uso das propriedades:
display: flex;
flex-direction:row;
align-itens:center;
justify-content:space-between;Configuração da caixa do filme principal e criado o gradiente em cima da imagem de fundo. Adicionado botões e ajustado o posicionamento dos elementos na caixa.
Animação dos botões e uso do Font Awesome https://fontawesome.com/ que é uma ferramenta que incorpora o uso de ícones no html realizando a importação do script e acrescentando os itens da tag .
Conceitos do Wrapper → Envelopar os objetos facilitando a manipulação dos herdeiros, fazer com que a movimentação dos elementos sejam de uma única vez.
Uso do owl carroussel , uma ferramenta que disponibiliza carrosséis já prontos baseados em Jquery, cópia de arquivos onde serão manipulados o JavaScript e o CSS tambem criado o arquivo de manipulação onde contem o Jquery.
- links de CSS são importados no Head
- links de JavaScript são importados no fim do HTML pois caso haja algum erro nos JS por ser o ultimo arquivo carregado não afetará a visualização do conteúdo.
Media query em ação para darmos responsividade ao conteúdo, foi criado o arquivo responsive.css com intuito de ajustar e centralizar e configurar a responsividade.
Realizado desafio com botões e tela de login.