Desenvolvimento front-end (2024)/Teste/Omin arenin

Desenvolvimento front-end[editar]

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[editar]

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)[editar]

Omin arenin

Exercício 1[editar]

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.

LinkedIn: apesar de parecer um tanto obvio com o contexto do Capacity Exchange, apesar de se tratar de uma rede comercial, o LinkedIn propõe uma arquitetura de rede circular que conecta a partir de interesses em comuns (“tags das capacidades”), o que conceitualmente conversa com a proposta de de parear pessoas. Outro aspecto inspirador, é o esquema de recomendação das conexões e oferta de vagas, que pode ser tranquilamente colocado na contexto de oferta/demanda do Capacity Exchange

Beliive: baseada em economia solidária, e banco de horas por interações, a rede se propõem a estimular o investimento de tempo em partilhar, ofertar e trocar conhecimentos dentro da plataforma, transformando tempo em moeda de troca. É possível registrar seus interesses, compartilhar suas experiências e conhecimentos, além de visitar o perfil das pessoas que fazem parte da rede. Em forma de app, o Beliive traz um conceito visual bem coeso e objetivo quanto aos recursos disponíveis e sua proposta conectar (mensagens) e partilhar (trocas), além de ser possível ver o seu histórico de interações. Sua identidade visual também dá uma ideia mais “humanizada” a ferramenta, apesar de se tratar de um meio digital. A rede nasce originalmente como site, e atualmente está em formato de app, porém aparentemente a rede não está mais tão movimentada quanto no seu lançamento em 2013, a ultima atualização do app disponível apenas para android foi em 5 de jan. de 2021.

Site Institucional Beliive Página do App na Play Store

Exercício 2[editar]

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 vagaswmnobrasil.org o nome de usuário/a que utilizou para completar o teste e os arquivos criados para esta resposta.