Skip to content

Latest commit

 

History

History
62 lines (35 loc) · 3.62 KB

README.md

File metadata and controls

62 lines (35 loc) · 3.62 KB

Marca da Coopers

Fast, flexible, trustful.

Avaliação Front-end Developer

O intuito deste documento é apresentar os pré-requisitos para a avaliação técnica do desenvolvedor front-end, com base em layout criado por nossa equipe especificamente para esta finalidade.

Briefing

Podemos dividir esta avaliação em duas principais etapas:

  1. Desenvolvimento front-end do layout disponível neste link, sendo o mais fiel possível em todos os navegadores mais utilizados na atualidade: Chrome, Safari, Firefox e Microsoft Edge.
  2. Implementação do front-end como tema customizado do Wordpress, tendo todo o seu conteúdo dinâmico, permitindo atualização através do painel administrativo da plataforma. É obrigatório o uso do plugin Advanced Custom Fields para a criação dos campos customizados, pois utilizamos em todos os nossos projetos.

Critérios de avaliação

HTML

Avaliaremos a qualidade do código escrito, desde a correta utilização de tags de acordo com sua semântica, como o aspecto de Acessibilidade seguindo as boas práticas dos padrões WCAG para uso de atributos e renderização do conteúdo sem dependência de CSS e/ou JavaScript.

Além da semântica, avaliaremos a inserção de comentários, uso coerente de classes e ID's nas tags e código enxuto, sem redundâncias.

Dica de ferramenta para avaliação de acessibilidade: WAVE

CSS

A entrega deve ser Responsive, ou seja, adaptação da interface para telas grandes (desktop), médias (tablets) e pequenas (celulares), porém essa adaptação fica a critério do desenvolvedor, não havendo indicação das alterações visuais para as telas menores no layout.

Além da correta reprodução do design, avaliaremos o código CSS quanto a conceitos de performance, coerência, lógica de estruturação de componentes, uso de propriedades e compatibilidade entre os navegadores.

É imprescindível o uso da metodologia Mobile First para a aplicação do Responsive.

JavaScript

Pode ser usado tanto JavaScript "Vanilla" como jQuery nesta página para criação dos sliders e demais comportamentos em que for necessário. Também avaliaremos o comportamento da página com e sem JS ativado no navegador, por motivos de Acessibilidade e Performance.

Performance

Avaliaremos as medidas utilizadas para garantir uma boa performance de carregamento e renderização da página.

Wordpress

Como ponto de partida, recomendamos o uso do Underscores como tema base para o Wordpress, pois ele já possui toda a estrutura mínima necessária para o funcionamento do tema customizado. Nosso critério de avaliação inclui a correta estruturação do tema, usando as recomendações do CMS, além da lógica utilizada para exibir os dados dinâmicos no tema, principalmente os campos customizados via Advanced Custom Fields.

Prazo

O prazo limite para entrega da avaliação é de 2 semanas.

Entrega

A entrega deve ser feita disponibilizando um link para visualizar o projeto rodando em servidor remoto, credenciais de acesso ao painel o Wordpress, além de repositório para avaliação do código-fonte. Também esperamos receber um descritivo comentando como foi o processo de desenvolvimento deste desafio, incluindo as dificuldades e soluções encontradas.

Dúvidas?

É só entrar em contato conosco pelo email [email protected].