Desafio Frontend 2019

Essa prova vai testar seus conhecimentos em HTML, CSS, JavaScript entre outros. Está preparado(a)?

Instruções

1. Faça o download do arquivo (desafio-frontend.zip);
2. Implemente o HTML/CSS do layout contido no arquivo desafio-frontend.zip;
3. Você deverá:
   • Utilizar o Vue no desenvolvimento do projeto;
   • Utilizar sistema de grid, por exemplo: Bootstrap Grid;
   • Criar o banner com slide rotativo;
   • Criar eventos de hover;
   • Colocar máscaras e validação no formulário;
   • Consumir API para implementar as sessões do layout. Métodos disponíveis:
     • Banners (https://api.myjson.com/bins/y3zct)
     • Produtos (https://api.myjson.com/bins/dbycd)
     • Notícias (https://api.myjson.com/bins/11qq59)
     • Parceiros (https://api.myjson.com/bins/qfhnh)
   • IMPORTANTE! Desenvolver versão mobile da página;
4. Crie um fork e submeta ao Github uma Pull Request.

Observações

1. Poderá ser utilizado a Vue CLI ou Nuxt no desenvolvimento das páginas;
2. Os estilos dos componentes da página (botões, inputs, etc…) deverá ser desenvolvido por você, ou seja, não é permitido a utilização de bibliotecas de estilo;
3. Será considerado diferencial os estilos serem escritos em SASS;
4. Será considerado diferencial os scripts serem escritos em ECMA6+;
5. No consumo da API utilizar o Axios para chamadas AJAX;
6. A boa arquitetura e documentação do código escrito é imprescindível!

Importante

Quando terminar, envie um e-mail para [email protected], com o assunto [DESAFIO FRONT-END] com o link para o seu desafio. Obrigado por participar =)