github-pages

Checkpoint 02 - Front end I

Objetivo

Ficamos muito felizes com sua jornada até aqui, pois foram muitos desafios e conteúdos que você precisou aprender para chegar até este momento.

Essa etapa do curso é onde você vai usar todo seu conhecimento adquirido até aqui. Não apenas o conhecimento técnico, mas também o trabalho em equipe, organização, foco e persistência.

Instruções

Esse projeto, apesar de ter um tema que será definido pelo grupo (até 3 integrantes), deverá cumprir algumas exigências:

1. REQUISITOS GERAIS:

   a. Todo o site deve estar responsivo. b. Opcionalmente, o site deve ser feito com Bootstrap. c. O site deve ter hover e transições. d. O site deve ter rolagem suave (scroll behavior - smooth). e. O title deve variar de acordo com a página atual. Ex: Em um cenário hipotético de filmes, na página do filme peter pan ficaria: DH Flix | Peter Pan. f. Todas as páginas devem ter o mesmo header e footer.

2. HEADER:

   a. Header deve conter 4 itens além da logo (Home, itens, login e sobre nós). Cada item deve linkar com uma parte do site ou uma página externa. b. O header deverá sempre estar no topo da página.

3. BANNER:

   a. A home deverá ter um banner e este deve ter o efeito parallax, (pesquise por background-attachment). b. O banner tem de ter um botão e uma breve descrição do site. c. O banner vai ocupar toda área da viewport (VH) do usuário.

4. LISTAGEM DE ITENS:

   a. A home terá uma listagem de itens. b. O link do header para os itens, devem levar para essa seção da página. c. A listagem dos itens tem de ter um scale no hover, mas se quiser fazer outra animação, também pode. d. Mínimo de itens para listagem é 6. e. Os itens devem ter: título, foto, descrição e um botão que leva para a página de detalhe deste item.

5. FOOTER

   a. No footer deve haver informações sobre a equipe e sobre contato. Bem como ano de desenvolvimento do trabalho.

6. PÁGINA DE DETALHE:

   a. Seu site tem de ter uma página de detalhes para cada item listado onde haverá uma explicação sobre o mesmo. No exemplo dos filmes, a página de um filme teria sua sinopse, link para o trailer e ficha técnica.

7. PÁGINA OU MODAL DE LOGIN:

   a. Formulário de login deverá ter uma logo, um campo de user e um campo de senha e um botão de submit.

8. O trabalho poderá seguir o seguinte wireframe.

Conclusão

Parabéns! Você acaba de finalizar o último checkpoint de Front End I!