Funcionalidades mais exigidas em Testes técnicos para DevFront end Jr (escrito por um Dev Jr para outros Devs Jrs)
As mais pedidas
Nesse pequeno conteúdo eu vou tentar trazer um compilado de todas ou quase todas as funcionalidade (que me lembro de ter desenvolvido) que exigem ser implementadas em um teste técnico para Dev Front end Jr.
Em toda a minha jornada como programador de +/- 2 anos, eu já fiz e continuo fazendo testes para vaga de Dev Front end (acho que fiz uns 10 ou mais). Algumas especificando que era para Dev Jr e outras com o título em aberto e como a ideia de "desenvolve ai a solução até onde você conseguir" que a gente vai entender o seu nível. Depois de fazer tantos testes a gente acaba percebendo alguns padrões nos teste, funcionalidades que se repetem.
Funcionalidades
- CRUD
- Conexão com API - (Fetch, Axios)
- Persistência de dados - (LocalStorage , Json-Server)
- Responsividade - (Mobile First)
- Rotas - (React-Router-Dom)
- SEO
- Contexto - (Redux, Context-API)
- Criar Listagem de Array de Objetos (.map(), .filter(), .some(), ...)
- Criar Listagem de Favoritos
- Formulários de cadastro - (Reack Hook Form, Formik)
- Upload de Arquivos
- Dashboard Interativo
- Botão de busca
Essas foram as funcionalidades que eu mais desenvolvi realizando os teste técnicos. Nenhum teste vai pedir tudo isso de uma so vez kkkk, mas é bom já ter um conhecimento prévio para não ser pego de surpresa e conseguir desenvolver bem a sua solução para o desafio proposto.
Dicas:
- Uma coisa que eu sempre faço e que acho que vale muito é ir além do que é solicitado no desafio. Não precisar ser muito além, mas pode ser aquele detalhe que vai fazer a diferença no final. Ex: Foi pedido a implementação de uma listagem, caso a listagem for muito grande seria legal você implementar um botão de Voltar Ao Topo.
- Encontrou um erro? Tenta implementar a solução que torne mais fácil a avaliação do outro programador que vai avaliar o seu código e não a solução que vai tornar a avaliação mais incômoda para ele. Ex: Você vai conectar com a API externa e ela devolve um erro CORS. Você prefere que o seu avaliador instale uma extensão de terceiros no navegar para poder testar o seu código ou você prefere criar um mini servidor para fazer a conexão com a API externa e resolvendo o o erro? Sendo que a segunda solução ele não vai ter trabalho algum para testar o seu código. (Estou preparando um vídeo para esse problema).
Com certeza eu esqueci de alguma outra dica ou funcionalidades que são bem comuns em teste técnicos para Dev Jr Front end, se você lembrar de alguma que está faltando pode contribuir nos comentários.
Abraço!