Desenvolvimento front-end (2024)/Teste/WMB-teste-frontend

Desenvolvimento front-end

Boas-vindas ao teste de conhecimento e aptidão da vaga de Desenvolvimento front-end do projeto Capacity Exchange, coordenado pelo Wiki Movimento Brasil. O teste consistirá em dois exercícios:

Exercício 1: Benchmarking
Exercício 2: Criação de template & documentação

Informações importantes

Antes de editar esta página, verifique se você está logada(o) na sua conta wiki. Se você tem dúvidas sobre como editar neste ambiente, recomenda-se a leitura desta brochura. Tenha em vista que suas respostas estarão livremente acessíveis, uma vez publicadas no ambiente wiki. Se desejar registrar o conteúdo à medida que realiza a atividade do teste, você pode editar e publicar a página quantas vezes precisar. Apenas tome o cuidado de sua conta estar sempre logada. Não serão aceitas edições realizadas 30 horas após o recebimento do e-mail com o link desta atividade.

Nome de usuário(a)

WMB-teste-frontend

Exercício 1

O projeto Capacity Exchange visa entregar uma espécie de rede social focada na troca global de conhecimentos, serviços e habilidades (capacidades) entre wikimedistas, isto é, pessoas voluntárias do Movimento Wikimedia, por meio do espírito wiki. Neste sentido, usuários(as) wikimedia associarão suas contas à plataforma, preenchendo seu perfil com tags das (capacidades) que ou podem oferecer, ou desejam aprender/receber (por exemplo, “desenvolvimento front-end”). Assim, as pessoas usuárias podem ser pareadas com outrém que atende reciprocamente sua oferta/demanda.

Sabemos que, no ecossistema de software livre, não mercantilizado, não existe uma plataforma que consiga atender essa necessidade de conexão e aprendizado entre pares que levou à visão do Capacity Exchange. Por isso estamos desenvolvendo esse software.

Em termos estéticos, temos à nossa frente um mundo de possibilidades para dar cara a cada uma das aplicações Django que estamos desenvolvendo. Proponha-se a imaginar conosco! Liste até três produtos (embutindo os respectivos links) cuja organização e estética podem servir de inspiração para o Capacity Exchange, explicando brevemente o porquê de sua escolha.

1. O VIKUS Viewer é desenvolvido por um grupo que pesquisa interfaces na University of Applied Sciences Potsdam. Sua maneira de apresentar, filtrar e agrupar os dados por categorias (mas sem perder de vista o todo) proporciona uma experiência estética diferente do que estamos acostumados no universo web.

2. O Reddit é uma ferramenta fortemente social, com interface simples e funcional, organizada em grupos nichados que debatem temas específicos e que fomenta a troca entre usuários. Acredito que o Capacity Exchange pode se inspirar nesses detalhes.

3. O Wikidata Query Service foi incluído por ser uma ferramenta de visualização de dados em grafo na qual o Capacity Exchange poderia se inspirar. Cada usuário poderia ser um nó que se conecta a outros por tags em comum, como capacidades, demandas de serviços, idiomas, regiões, etc.

Exercício 2

Utilizando JavaScript, crie o(s) arquivo(s) necessário(s) para apresentar os dados providos neste <arquivo.json> de tal modo que sejam garantidos dinamismo, legibilidade, acessibilidade e usabilidade. Para o layout, aplique o Manual de Identidade Visual do CapX. Seu template deve ser documentado.

Envie para vagas wmnobrasil.org o nome de usuário/a que utilizou para completar o teste e os arquivos criados para esta resposta.