Este documento descreve o desafio que será utilizado para avaliar os candidatos à vagas de frontend na Inforce. Caso você tenha chegado aqui por acaso, sinta-se à vontade em realizar o teste, e logo após, contar um pouco mais sobre você através do formulário de RH do nosso site (http://inforce.com.br/rh).
O desafio abaixo é utilizado para as vagas de frontend UX / UI e para as vagas de Frontend Javascript Developer. Embora cada um desses profissionais tenham características diferentes, gostaríamos de saber como você trabalha com a base tecnológica da stack do front (html, css e javascript).
O nosso cliente "Imobiliária Inforce" solicitou a criação de um novo site para a empresa e precisa ter um profissional especialista para realizar esta tarefa. Para ajudar o desenvolvedor nesse trabalho, disponibilizamos algumas APIs com as informações necessárias para o desenvolvimento do site e um WIREFRAME com o modelo de como nosso cliente (“Imobiliária Inforce”) quer o site dele.
Deixamos a estilização do site a cargo do candidato, queremos que nos surpreenda com o melhor visual que conseguir. O WIREFRAME que enviamos serve como modelo, para entender quais componentes DEVEM constar no site, mas a parte de estilo depende da sua criatividade.
APIs para o desafio:
- Banners: https://labs.inforcedata.com.br/desafio-frontend/banners.json
- Vitrine de Imóveis: https://labs.inforcedata.com.br/desafio-frontend/vitrines.json
- Notícias: https://labs.inforcedata.com.br/desafio-frontend/noticias.json
- Cloud Tags: https://labs.inforcedata.com.br/desafio-frontend/cloudtags.json
Imagens:
- Logo Topo: https://labs.inforcedata.com.br/desafio-frontend/logos/logo_topo.png
- Logo Footer: https://labs.inforcedata.com.br/desafio-frontend/logos/logo_footer.png
Wireframe:
- Organização do código: Como você organiza os arquivos que compõem a solução;
- Estruturação do código: Como você estrutura o código dos seus componentes (essa análise será aplicada para todas as tecnologias que compõem a solução);
- Criatividade/Inovação: Capacidade de sugerir mudanças e melhorias no wireframe que foi apresentado;
- Integração: Conhecimento de integrações via API utilizando javascript;
- Utilização do Git: O readme do repositório e a descrição dos commit deverão ser claros e de fácil entendimento;
- Utilizar HTML 5 e CSS 3 Puro, ou seja, não utilizar nenhum framework HTML ou CSS;
- É permitido usar apenas mini libs Javascript, que não dependam do JQUERY;
- Utilizar melhores práticas de desenvolvimento para organização do projeto;
- Criar instruções para rodar esse projeto de forma local
O candidato deverá criar um fork deste projeto, e a partir deste fork, realizar o desenvolvimento. Favor utilizar o "Readme" do seu fork para descrever as dificuldades técnicas encontradas, como você as superou e, principalmente, como subir o projeto. Ao finalizar, você deverá responder ao e-mail que te enviou esse desafio, com o link do seu fork.