└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # Frontend challenge júnior
 2 | 
 3 | Pontos importantes antes de iniciar
 4 | 
 5 | - Sinalizar por e-mail para a pessoa que está fazendo o seu recrutamento a data de ínicio e a expectativa de entrega;
 6 | - O prazo médio de entrega do teste é de 7 dias mas caso você tenha algum imprevisto sinalize o novo prazo e o motivo;
 7 | - Pra gente é mais importante você desenvolver algumas das skills solicitadas ou passar um tempo mais demonstrando suas habilidades do que entregar algo incompleto ou que não atenda todos os requisitos do teste.
 8 | 
 9 | Teste para a vaga de Frontend Júnior
10 | 
11 | - Codificar layout seguindo o [wireframe](https://drive.google.com/file/d/10xpr_7qaEXNBT4v2dOKqanS4_tOcgEJs/view)
12 | - Você pode gerar uma paleta de cores que te agrade nesse site (https://coolors.co). Clique em "Start the generator".
13 | - Fontes: [Playfair Display](https://fonts.google.com/specimen/Playfair+Display) e [PT Sans](https://fonts.google.com/specimen/PT+Sans)
14 | - O wireframe representa o layout macro do site, você tem liberdade para escolher os espaçamentos, tamanho de fontes, uso das cores, efeitos e outros detalhes.
15 | - Para as imagens, pode ser usado geradores de imagens por dimensão, como o [picsum](https://picsum.photos/) e o [placeholder](https://placeholder.com/), ou se preferir você pode adicionar imagens de sua escolha.
16 | - No fullbanner com slider, usar o [swiper](http://idangero.us/swiper/), mas utilizar o swiper de forma inteligente em outras seções contam pontos.
17 | - Deve ser feito o responsivo, mantendo as mesmas sessões do desktop. Você tem liberdade para decidir os pontos de quebra e o estilo das sessões no mobile, mas é importante que o site se adapte e fique legível.
18 | - Você tem total liberdade para criar efeitos nas sessões do site, explore o artista dentro de você;
19 | - O envio deve ser feito através dos arquivos zipados ou no github (pode ser feito pull request para esse repositório);
20 | - Deve ser utilizado sass e gulp para o pré-processamento do código;
21 | - Entregar uma pasta com os arquivos de desenvolvimento e outra pasta com os arquivos minificados e comprimidos (src/dist);
22 | -- Na pasta **src** ficam os arquivos de desenvolvimento.
23 | -- Na pasta **dist** ficam os arquivos finais (comprimidos e minificados).
24 | - Não deve ser usado nenhum framework de css (Bootstrap entre outros) nem de js (React, Vue, Angular entre outros), para que possamos avaliar melhor a sua qualidade técnica;
25 | 
26 | Dicas
27 | 
28 | - Navegue pelo site da https://www.vnda.com.br/ e visite também o site de nossos clientes;
29 | - Capriche, demonstre suas habilidades CSS, brinque com os efeitos, utilize em todas as seções e seja detalhista. Queremos saber seu repertório;
30 | - Utilizar um padrão de código como o RSCSS conta muitos pontos;
31 | - Tente dar sua cara pro projeto, imagine uma marca fictícia ou não, dê uma identidade visual pra ela;
32 | - Tente utilizar o JS além do Swiper e Menu Mobile, veja algumas seções em que você possa inserir algumas funções. Não precisa ser nada complexo;
33 | - Plugins JS são bem vindos contanto que sejam utilizados de forma inteligente;
34 | - Ainda não tem dominada algumas das skills? Foque primeiro no que você sabe. Vá o mais longe possível e utilize o tempo restante pra aprender o que não sabe, afinal essas habilidades serão utilizadas na sua rotina de trabalho;
35 |  
36 | - Passe seu café e acredite no seu potencial!
37 | 


--------------------------------------------------------------------------------