Teste para candidatos à vaga de desenvolvedor Front-end

Qualquer pessoa pode realizar o teste que daremos um feedback.

Instruções:

1. Faça um fork deste repositório;
2. Implemente o HTML/CSS responsivo da tela com base no layout disponível;
3. Preocupe-se em desenvolver o css utilizando um framework de sua preferência;
4. Utilize um Framework de JavaScript como Angularjs, React, Vuejs ou outros similares;
5. Utilize Task Runners (Gulp ou Grunt) ou Bundlers como o Webpack.
6. Após terminar seu teste submeta um pull request e aguarde seu feedback.

• Importante: O formulário de Newsletter 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 (Less ou SASS) ou css puro;
• 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.

• Faça o máximo que conseguir ;)

• Importante: Leia o item submissão antes de começar a prova :-)

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 layout;
• 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 arquivos necessários estão disponíveis na pasta /arquivos

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.

Avaliação

Avaliaremos o resultado seguindo esses pontos:

• Resultado funcional
• Resultado visual
• Manutenibilidade do código
• Clareza e limpeza do código
• Semântica HTML
• Lógica de programação

Boa sorte!