O desafio é realizar o desenvolvimento front-end da homepage de um jornal fictício. O desenvolvimento deve seguir fielmente o layout disponibilizado nos arquivos abaixo (espaçamento, cores, tipografia e etc). Você não deve utilizar nenhum framework CSS (Bootstrap, Foundation e etc) neste desafio.
- O submenu deve ser ativado no hover
- Os links do submenu não precisam ser verídicos
- Não pode ser utilizado nenhum plugin Jquery. Você pode, entretanto, usar o Jquery para manipular os elementos
- O nome das imagens, bem como a ordem delas, encontra-se no JSON slide
- A lista de editorias deve ser gerada a partir do JSON notícias
- As notícias devem ser exibidas de acordo com a editoria que está selecionada no selectbox, se nenhuma editoria estiver selecionada, todas as notícias precisam aparecer
- Deverá ser possível ordenar as notícias por data de publicacão (da mais recente para a mais antiga) ou por ordem alfabética
- As notícias dessa sessão devem vir do arquivo JSON chamado notícias
- O conteúdo da notícia também deve ser gerado dinamicamente (data, editoria, foto, título e texto)
- Fique à vontade para usar a ferramenta que preferir para gerar o gráfico. A única exigência é que ele seja gerado dinamicamente
- O mapa deve ser gerado usando a API do Google Maps
- O pin/mark do mapa deve ser inserido via API do Google Maps
- Você está livre para escolher a estrutura de diretórios da aplicação
- Você não deve utilizar nenhum framework CSS (Bootstrap, Foundation e etc) neste desafio.
- Os arquivos .json não podem ser alterados
- Dúvida? Entre em contato por email: [email protected]
- Fork esse projeto
- Coloque seu projeto no repositório
- Escreva no arquivo README.md as instruções para rodar o mesmo
- Envie o link do repositório para [email protected] e [email protected], com o assunto: TESTE - Front-End O Globo