Teste Técnico Frontend

Cubo Network - Front

CSS, Angular, HTML

São Paulo - Brasil

Coworking

10 - 50

/cubo-network
/cubonetwork
cubo.network

O Cubo é um coworking cuja missão é promover o ecossistema de startups brasileiro, inspirando, educando e conectando pessoas talentosas

Teste técnico desatualizado

Um ou mais links de referência deste teste técnico podem não estar funcionando. Use-o apenas como referência.

Sobre o Teste

Desenvolver um layout responsivo utilizando HTML, CSS e um framework SPA, como Angular. Além disso, algumas seções do layout requerem dados variáveis obtidos de uma API através de requisições GET. O objetivo é avaliar habilidades em front-end, incluindo organização, estilo, boas práticas de código e conhecimento de frameworks e tecnologias. Dicas adicionais incluem o uso de bibliotecas externas, animações CSS3 e a exibição dos campos preenchidos de um formulário no console.

Instruções do Teste

Link para o teste técnico original

Baixar Arquivos do Teste Técnico

< front >Developer</ end > ao Cubo

Objetivo deste desafio é avaliarmos o seu domínio em front-end, ou seja, sua organização, estilo e boas práticas com o código, conhecimento dos frameworks e tecnologias utilizadas.

Regras

  1. Todo o seu código deve ser disponibilizado num repositório público ou privado em seu Github ou Bitbucket pessoal. Envie o link para [email protected] ou faça um pull-request;
  2. Desenvolver o projeto utilizando:
    • HTML e CSS (ou algum pré-processador);
    • Algum framework SPA (Atualmente estamos trabalhando com Angular, mas use o que achar melhor);
    • Layout responsivo;

O Desafio

Este é o layout que deverá ser desenvolvido: layout one page

E aqui o PSD do layout: Download do arquivo

Dados Variáveis

Para montar a sessão SOBRE NÓS temos três gráficos de pizza na qual os dados devem ser obtidos através do método GET da API https://of900lijd5.execute-api.us-east-1.amazonaws.com/v2/front-end/pie-chart

Para montar a sessão DADOS temos um grid e um gráfico de pizza na qual os dados devem ser obtidos através do método GET da API https://of900lijd5.execute-api.us-east-1.amazonaws.com/v2/front-end/grid-people

Algumas dicas e observações

Obs 1.: Fique a vontade para utilizar qualquer 3rd party, seja para gráficos, testes, etc;

Obs 2.: Abuse das animações, queremos ver seu domínio com CSS3;

Obs 3.: Temos um formulário neste layout, considere que todos os campos são de preenchimento obrigatório e ao submeter o formulário os campos preenchidos devem ser exibidos no console (console.log).

Dúvidas

Envie suas dúvidas diretamente para [email protected] ou abrindo uma issue.