Neste repositório encontra-se a resolução para o teste prático hard skills vaga web developer na empresa Forever Liss Professional.
Este projeto tinha como objetivo de avaliar os conhecimentos técnicos de acordo com os seguintes: ● Fundamentos de Design; ● Experiência do usuário com a interface (conceitos de UI/UX); ● Desenvolvimento de interface a partir de um protótipo de alta fidelidade; ● Desenvolvimento de layout responsivo; ● Conhecimentos sobre HTML5, CSS + SASS, Javascript, ReactJS, Bootstrap e integração de API.
Ao receber o desafio, fiz uma reflexão a fim de escolher as melhores ferramentas para a realização do mesmo. Optei por usar o Next.js e Tailwind. O motivo da minha escolha se deu pelo fato de poder testar o desenvolvimento com as mesmas, tendo em vista que havia apenas praticado/estudado usando React e Material UI/Bootstrap.
Quanto ao uso do Next, confesso que foi bem tranquilo, pois já vinha estudando o TypeScript e isso me ajudou muito. Tive um pouco de dificuldade com a renderização das imagens, pois não estava conseguindo aplicar as propriedades de acordo com o que a documentação pedia. A documentação pedia para colocar o width e heigth, e isso estava atrapalhando encaixar minhas imagens, tratava como se fosse obrigatório o uso. Após consultas, vi que não era necessário estar ali.
Já o tailwind, sei que possuo pouca experiência para ter um posicionamento mais crítico, mas gostei bastante, pois meu raciocínio permanecia ali no mesmo arquivo. Não tinha que ir em busca do arquivo de estilização para poder implementar algo. Com certeza estarei usando-o mais vezes, realmente gostei bastante da ferramenta.
Executando o servidor de desenolvimento:
- npm run dev
- yarn dev
- Abra http://localhost:3000 com seu navegador para ver o resultado.
- Next.js - estrutura da web de desenvolvimento front-end React de código aberto criada por Vercel.
- Tailwindcss - Um framework CSS utility-first com classes como ,
flexpt-4text-centerrotate-90, e que podem ser compostas para construir qualquer design, diretamente em sua marcação.
- Desenvolvedor Web - Desenvolvimento - Erick Marinho
- Queria deixar aqui meu agradecimento especial a Josilene Dumas - Gerente de Gente e Desenvolvimento Forever Liss - pela oportunidade oferecida em realizar este desafio, que com certeza, ajudou-me a desafiar-me e principalmente em estar a aprender um pouco mais.🤓
⌨️ com ❤️ Erick Marinho