Code Monkey home page Code Monkey logo

orions_frontend's Introduction

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!

orions_frontend's People

Watchers

James Cloos avatar Michael Martins avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.