Skip to content

wbenevides/desafio-front-end-infograficos

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Teste - Front-End

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.

Instruções - Topo

  • O submenu deve ser ativado no hover
  • Os links do submenu não precisam ser verídicos

Instruções - Slide

  • 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

Instruções - Editorias

  • 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)

Instruções - Gráfico

  • Fique à vontade para usar a ferramenta que preferir para gerar o gráfico. A única exigência é que ele seja gerado dinamicamente

Instruções - Mapa

  • O mapa deve ser gerado usando a API do Google Maps
  • O pin/mark do mapa deve ser inserido via API do Google Maps

Observações

  • 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: mateus.santos@oglobo.com.br

Arquivos

Como submeter seu projeto

Boa sorte!

About

Desafio utilizado no processo de seleção de desenvolvedores Front-End

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 46.7%
  • JavaScript 32.9%
  • HTML 20.4%