Este teste consiste no desenvolvimento de uma landing, baseada em um layout de apresentação de um app fictício, cujo link de download foi enviado por email.
- Faça um fork deste repositório;
- Crie uma branch com o seu nome + sobrenome. ex. pamturk;
- Implemente o HTML/CSS/JS da tela com base no layout enviado;
- Após terminar seu teste submeta um pull request e aguarde seu feedback, que chegará por email.
-
Utilize Bootstrap (4 ou 3);
-
Respeite a grid e seus breakpoints;
-
Em caso de utilização de preprocessadores e task runner, faça commit também dos arquivos não minificados;
-
Faça a validação do formulário;
-
Dê suporte ao Chrome, Safari, Firefox e Microsoft Edge.
-
Importante: Usaremos o mesmo teste para os seguintes níveis de front: treinee, junior ou pleno, mas procuraremos adequar nossa exigência na avaliação com cada um desses níveis sem, por exemplo, exigir excelência de quem está começando :D
- Utilizar css puro ou qualquer linguagem de preprocessador css;
- Utilizar um task runner, se desejar (preferencialmente gulp);
- Utilizar bibliotecas css como hover.css, animatecss ou outras;
- Utilizar algum plugin adicional, se necessário.
- Desenvolver HTML semântico;
- Utilizar boas práticas de SEO;
- Ter um CSS organizado;
- Ter muita atenção à detalhes;
- Ser fiel as especificações do layout;
- Utilizar animações para o hover e o scroll da página.
- Mobile
- Tablet portrait
- Tablet Landscape
- Desktop
- O link do layout foi disponibilizado por email;
- Ícones e logo em svg você encontrará em /material/svgs;
- As fontes utilizadas podem ser encontradas no Google Fonts.
Para iniciar o teste, faça um fork deste repositório, crie uma branch com o seu nome e depois envie-nos o pull request. Se você apenas clonar o repositório não vai conseguir fazer push e depois vai ser mais complicado fazer o pull request.
Boa sorte!