carmona / frontend-test

teste para front-end

Home Page:http://carmona.github.io/frontend-test/public/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sobre o R7.com

R7.com, é um portal mantido pela Rádio e Televisão Record S/A, com quase 5 anos de vida possui 50 milhões de visitantes únicos, e 1 bilhão e meio de pageviews mensalmente e conta coma uma equipe de quase 500 pessoas.

Teste FrontEnd para o R7.com!

Essa prova consiste em testar seus conhecimentos com HTML, CSS, JavaScript, Linha de Comando entre outras coisas. Você basicamente irá desenvolver uma pequena aplicação baseada em uma requisição HTTP, nesse teste será necessário conhecimentos em ordenação de dados e matemática.

Primeiramente, faça um fork e clone deste projeto, crie uma branch (pode ser com seu nome mesmo), depois instale as dependências:

npm install

Após isso, rode a aplicação:

npm start

Depois do seu setup você precisará seguir as seguintes instruções, para construir a aplicação:

  1. Desenvolver a página, que tem o seu layout em a-fazenda.psd.(A única fonte usada foi a Montserrat, disponível no Google Fonts, use-a!)
  2. Criar um script em JavaScript que faça uma requisição para /fazenda.json
  • Apresentar os dados requisitados pelo layout.
  • Calcular a porcentagem de "positives" e "negatives".
  • Ordernar os items do json a partir da porcentagem calculada.
  1. NÃO alterar o arquivo fazenda.json. Em hipótese nenhuma!
  2. Seguir estritamente o .psd.
  3. Suporte para IE8+.
  4. Não usar geradores como yeoman, procure se manter na estrutura do nosso projeto.
  5. Se for preciso modificar a estrutura e workflow, atualizar o README.
  6. Submeta o Pull Request! :D

**Pontos Extras**:
  1. Se possível, escreva o código com BackboneJS, se não, use VanillaJS que nós iremos avaliar do mesmo jeito! ;)
  2. Utilizar algum pré-processador CSS. (SASS FTW!)
  3. Testes, testes, testes!
  4. Automatizar as coisas. (Gulp? Grunt? :D)
  5. Template Engines (underscore, mustache, ou outras de sua preferência)



Os dados presentes neste teste são totalmente fictícios.

About

teste para front-end

http://carmona.github.io/frontend-test/public/

License:Apache License 2.0


Languages

Language:HTML 50.2%Language:JavaScript 34.5%Language:CSS 15.3%