Skip to content

Latest commit

 

History

History
52 lines (32 loc) · 2.93 KB

desafio-frontend.md

File metadata and controls

52 lines (32 loc) · 2.93 KB

Desafio de Programação Front-End

Boas vindas ao PEA Pescarte! Agradecemos seu interesse em contribuir com nosso projeto, que se concentra na mitigação de impactos ambientais e no fortalecimento das comunidades de pescadores artesanais e suas famílias. Este desafio visa avaliar suas habilidades em desenvolvimento front-end, utilizando tecnologias modernas e práticas de codificação.

Sobre este Desafio

O desafio consiste em várias tarefas, cada uma projetada para avaliar diferentes aspectos da sua capacidade como desenvolvedor front-end. Conforme você avança, as tarefas aumentam em complexidade.

Avaliação

Seu desafio será avaliado com base no código fonte disponibilizado em um repositório Git de sua escolha (GitHub, GitLab, etc.). O repositório deve ser acessível pela equipe do Pescarte. Como nosso projeto é open-source, recomendamos que seu projeto também seja público.

Critérios de Avaliação

Os seguintes critérios serão considerados, por ordem de importância:

  • Ausência de bugs: O código deve funcionar conforme especificado.
  • Legibilidade e Formatação: O código deve ser fácil de ler e seguir as convenções de formatação.
  • Clareza: A intenção do código deve ser evidente.
  • Desacoplamento: Independência entre os módulos do código.
  • Extensibilidade: Facilidade para adicionar novas funcionalidades.
  • Manutenibilidade: Facilidade para manter e alterar o código.
  • Adicionais: Inclusão de testes unitários e de integração, validações e tratamento de erros bem estruturados.

Desafios

Desafio 1: LiveView com Botões Estilizados

Objetivo: Implementar uma LiveView que exiba uma lista de botões com diferentes estilos. Ao clicar em um botão, um alerta deve ser mostrado no navegador.

Desafio 2: Validações Dinâmicas de Formulário

Objetivo: Criar um formulário com validações dinâmicas para diferentes campos de entrada, utilizando LiveView para uma interação instantânea com o usuário.

Desafio 3: Implementação de Componente do Design System

Passos:

  1. Escolha uma tarefa de implementação de componente na página de issues do repositório do projeto.
  2. Comente na issue escolhida para indicar o início do desenvolvimento.
  3. Clone o repositório e trabalhe em uma nova branch seguindo o padrão <usuario-github>/<titulo-tarefa>.

Desafio 4: Implementação de uma Tela do Layout

Passos:

  1. Escolha uma tarefa de implementação de tela na página de issues do projeto.
  2. Siga o mesmo processo do Desafio 3 para iniciar o desenvolvimento.

Submissão

Ao concluir os desafios, crie uma Pull Request para o repositório do projeto com suas modificações. Certifique-se de detalhar o que foi desenvolvido e qualquer outra informação relevante para a avaliação.

Boa sorte e esperamos que você se divirta desenvolvendo! Estamos ansiosos para ver suas contribuições e como elas ajudarão a enriquecer o PEA Pescarte.