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:

1. Faça um fork deste repositório;
2. Implemente o HTML/CSS da tela com base no layout disponível;
3. Preocupe-se em desenvolver o css utilizando mobile first;
4. Para a interação do formulário utilize preferencialmente angularjs e/ou jQuery;
5. 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:

1. Acesse https://zpl.io/17r9kd.
2. Logue-se com o usuário: vivadecorateste, senha: vivadecorateste.
3. 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!