O objetivo deste teste é nos permitir avaliar seu conhecimento técnico e analisarmos se você se encaixa no perfil que estamos procurando. O teste para a vaga de front-end consiste em codificar o layout abaixo da melhor forma possível.
- Utilizar qualquer pré-processador CSS (preferência por Sass) ou CSS puro;
- Utilizar npm, webpack, bower ou similares;
- Utilizar algum framework front-end (preferência por Bootstrap);
- Utilizar alguma biblioteca CSS ou JS (jQuery), mas lembre-se da performance;
- Se atenha aos detalhes, deixando o layout mais fiel possível;
- Escreva um código com qualidade, priorizando as boas práticas quanto a semântica, organização e a legibilidade;
- Utilize as técnicas necessárias para que a peformance da página seja satisfatória;
- Utilize algum task runner (preferência por Grunt) com algumas tarefas básicas;
- Desenvolva-o de modo responsivo (nem preciso dizer, né?! :p)
- Crie um README com as instruções de como rodar o projeto e qualquer outra informação relevante;
- Dê suporte a IE10+, Chrome, Safari e Firefox.
Também solicitamos que nos envie um pequeno resumo do você acha que poderia ser melhorado em questões de design do layout. Qualquer informação é bem vinda :)
- As informações referentes ao comportamento da página estão informadas nesta imagem.
Seu projeto será avaliado por nós de acordo com a qualidade do código enviado, organização dos arquivos e, claro, de toda a solução proposta por você. Valorizamos muito a criatividade e a usabilidade das soluções criadas pelos profissionais, então tenha isso em mente. Nos surpreenda! ;)
- Faça um "fork" deste projeto para sua conta no Github;
- Implemente o projeto em seu próprio fork;
- Conclua e suba os arquivos para o seu repositório no Github;
- Envie um e-mail para marcos@umbler.com e nos informe a url do seu fork.
Um até logo e boa sorte!