Skip to content

Latest commit

 

History

History
75 lines (54 loc) · 2.76 KB

README.md

File metadata and controls

75 lines (54 loc) · 2.76 KB

Teste para candidatos à vaga de desenvolvedor Front-end

Logo Orions

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!