Olá candidato, nessa fase você terá seus conhecimentos testados. Recomendamos que utilize boas práticas de programação e desenvolva um código bem estruturado.
27 de julho de 2020, Segunda-feira, até 23:59.
Sob hipótese alguma serão aceitos testes fora do prazo.
O candidato deverá enviar o código que foi desenvolvido. Não será permitida utilização de frameworks que necessitem instalação por parte do avaliador. Pode-se utilizar bibliotecas js desde que não seja necessário nenhum passo adicional para execução do projeto. Projetos que não executem ao abrir o index.html serão desconsiderados. O candidato deverá enviar um email para [email protected] até o prazo determinado acima. No email o assunto deverá ser "Dev Front Jul-20". Emails com outro assunto serão desconsiderados. No email explicitar seu nome e telefone para contato. Tambem é necessário enviar seu curriculo e/ou portfolio.
A Instabuy deseja boa sorte a todos. Estamos ansiosos para trabalharmos juntos!!!
O teste consiste em fazer uma request para a API do Instabuy e montar uma tela mostrando os banners e produtos presentes na response. Cada célula de produto deverá conter: imagem, marca, nome e preço. O candidato poderá utilizar frameworks e libs de terceiros desde que não seja necessário nenhuma instalação por parte do avaliador.
- URL: https://api.instabuy.com.br/apiv3/
- ENDPOINT: layout
- METHOD: GET
- Params: subdomain = organicos
Todas as responses possuem 3 campos : status, data, type.
- Status: ’success’ ou ‘error’
- data: conteudo da response (pode ser dictionary, list, string, …)
- type: tipo do valor em data
Dados revelantes da request podem ser consultados pela documentação: https://docs.instabuy.com.br/#layout
Para fazer download das imagens deve-se fazer o append da url padrão com a chave da imagem. Download foto banner: https://assets.instabuy.com.br/ib.store.banner/bnr-{{banner.image}}
Download foto do produto:
https://assets.instabuy.com.br/ib.item.image.YYYY/X-{{product.photo}}
Onde os pares YYYY e X podem ser: small e s, medium e m, big e b, large e l. Essa chaves sao utilizadas para identificar qual resolucao da imagem.
Exemplo de url da imagem do produto com resoulucao media cuja thumb = 20161023214840752541600349dcf4284c2592bd49355774b7b1.jpg