AVALIAÇÃO Módulo Front-end III
Listagem de personagens Rick and Morty Para isso vamos precisar:
- 1 página HTML para listar os personagens;
- 1 página HTML para mostrar os detalhes de um personagem;
- 1 ou mais arquivos CSS para estilização dos elementos;
- 1 ou mais arquivos Javascript para tornar as páginas dinâmicas. AVALIAÇÃO O que vamos fazer?
Listagem de personagens Rick and Morty Rick and Morty API:
- Para a listagem de personagens, deverá ser utilizada a API do Rick and Morty
- Documentação da API: https://rickandmortyapi.com/document ation/#rest AVALIAÇÃO O que vamos fazer?
Regras: A lista de personagens deve ter:
- As informações básicas de cada personagem (nome, status e espécie);
- A imagem de cada personagem;
- Link para abrir a página de detalhes de cada personagem;
- Paginação. AVALIAÇÃO O que vamos fazer?
Regras: A página de cada personagem deve ser dinâmica e possuir:
- A imagem e as informações básicas do personagem (nome, status e espécie);
- As informações sobre a localização do personagem;
- Um botão para voltar à tela da lista. AVALIAÇÃO O que vamos fazer?
Regras: A lista de personagens deve:
- Ser conter elementos do Bootstrap: • Grid System; • Utility Classes; • Componentes (Buttons, alerts, modais, formulários, pagination, etc).
AVALIAÇÃO O que vamos fazer?
Regras: A lista de personagens deve:
- Ser construída com Flexbox: • Grid System do Bootstrap; e/ou • display: flex. AVALIAÇÃO O que vamos fazer?
Regras: A lista de personagens deve:
- Conter animações: • Pelo menos 3 animações. • @keyframes com diferentes pontos de parada. • Uso de easings e do cubic-bezier. AVALIAÇÃO O que vamos fazer?
EXTRA: Será um diferencial se a página:
- Possuir responsividade: • Adaptada a tamanhos grandes e pequenos de tela.
AVALIAÇÃO O que vamos fazer?
AVALIAÇÃO Layout das páginas
O layout das páginas deve ser construído com base em 3 protótipos.
AVALIAÇÃO Layout das páginas
O layout das páginas deve ser construído com base em 3 protótipos.
Protótipo #1
AVALIAÇÃO Layout das páginas
O layout das páginas deve ser construído com base em 3 protótipos.
Protótipo #2
AVALIAÇÃO Layout das páginas
O layout das páginas deve ser construído com base em 3 protótipos.
Protótipo #3
Deverá ser escolhido um dos três protótipos para o desenvolvimento do trabalho.
As páginas devem ser construídas de maneira fiel ao protótipo escolhido. AVALIAÇÃO Layout das páginas
- Criar um repositório no GitHub: O projeto desenvolvido deve ser postado em sua conta no GitHub e deve ser disponibilizado na tarefa da atividade final do módulo no Classroom o link para o repositório;