Teste para candidatos à vaga de desenvolvedor Front-end

Esse teste é público. Todos que os interessados que fizerem pull request receberão um feedback da equipe Viva Decora.

Instruções:

Faça um fork deste repositório;
Implemente o HTML/CSS da tela com base no layout disponível;
Preocupe-se em desenvolver o css utilizando mobile first;
Para a interação do formulário utilize preferencialmente angularjs e/ou jQuery;
Após terminar seu teste submeta um pull request e aguarde seu feedback.

Importante: O formulário de cadastro não deve fazer requisições para nenhuma url.
Importante: A url da página não pode ser recarregada em momento algum.

Você pode:

Utilizar qualquer linguagem de preprocessador css ou css puro;
Utilizar um task runner de sua preferência;
Utilizar bibliotecas css como compass, bourbon, animatecss ou outras;
Utilizar componentes do bower.

Esperamos que você:

Minifique seu css e deixe-o na pasta "css";
Minifique seu javascript e deixe-o na pasta "js";
Respeite os breakpoints definidos pelo design;
Faça commit também dos arquivos não minificados;
Dê suporte a IE10+, Chrome, Safari e Firefox.
Importante: Usamos o mesmo teste para todos os níveis de front: junior, pleno ou senior, mas procuramos adequar nossa exigência na avaliação com cada um desses níveis sem, por exemplo, exigir excelência de quem está começando :-)

Ganhe pontos extras por:

Desenvolver HTML semântico;
Utilizar boas práticas de SEO;
Utilizar '@font-face' para os ícones;
Componentizar seu css;
Ser fiel as especificações do zeplin;
Validar os inputs do seu formulário antes de habilitar o botão de envio;
Utilizar animações para o scroll da página.

Breakpoints:

Nome do breakpoint	Largura mínima	Descrição
phone	320px	Breakpoint para smartphones
tablet	768px	Breakpoint para tablets
desktop	1024px	Breakpoint para desktops comuns
monitor	1280px	Breakpoints para desktops grandes

Material:

Todos os layouts necessários estão disponíveis no zeplin, projeto front-end-teste
Fonte de ícones em /material/fonts

Para visualizar o projeto front-end-teste no zeplin:

Acesse https://zpl.io/17r9kd.
Logue-se com o usuário: vivadecorateste, senha: vivadecorateste.
Navegue entre os designs pelo menu esquerdo, baixe imagens do design no menu "Assets" do lado direito.

Submissão

Para iniciar o teste, faça um fork deste repositório, crie uma branch com o seu nome e depois envie-nos o pull request. Se você apenas clonar o repositório não vai conseguir fazer push e depois vai ser mais complicado fazer o pull request.

Boa sorte!

nelsera / front-end-teste