Com o teste técnico, tive a oportunidade de mostrar um código semântico e bem estruturado, de fácil manutenção e totalmente funcional. Além de um design responsivo e condizente ao tempalte, requisito do qual convivemos diariamente no desenvolvimento web moderno.
- Javascript
- HTML
- CSS
- Tags HTML semânticas e modernas
- Metodologia BEM de classes e css
- Funções js semânticas de fácil entendimento
- Mobile friendly
Usando a extensão Lighthouse do Google, verica-se as melhores práticas e acessibilidade:
O projeto consiste em um website com cabeçalho (não operante) e um botão centralizado. Ao clicar no botão, um modal se abre com um timer de 30s simulando um upload de arquivo, quando terminado o tempo de espera, o modal se fecha e o botão retorna um aviso de que o arquivo foi enviado com sucesso. Caso o usuário cancele o upload, clicando no X para fechar o modal, o timer se reinicia.
Reconhecendo que um código pode e deve estar sempre sendo refatorado e melhorado, segue o link para a fácil verificação do site online.