Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/guiabolso/seja-um-guia-front

Instruções e detalhes sobre ser um Frontend Engineer no Guiabolso
https://github.com/guiabolso/seja-um-guia-front

ads developer engineer front-end frontend guiabolso hire job jobs recruiting recruitment test

Last synced: over 1 year ago
JSON representation

Instruções e detalhes sobre ser um Frontend Engineer no Guiabolso

Awesome Lists containing this project

README 

          
# Front-end Engineer no [Guiabolso](https://www.guiabolso.com.br)



**Por favor, leia cada parágrafo atentamente. Todos são importantes**



Aqui no [Guiabolso](https://www.guiabolso.com.br) trabalhamos em times. Nosso time é multidisciplinar, com foco no produto e na evolução tecnológica dos nossos sistemas. 



Em um ambiente descontraído, prezamos pela qualidade e participação ativa dos desenvolvedores na construção da nossa plataforma. Temos um carinho especial pelo usuário, direcionando nossas decisões pela experiência e fazendo constantes ajustes para alinhar os nossos sistemas com as necessidades do mercado.



Hoje trabalhamos com alguns grandes produtos:



- **Controle financeiro**: uma ferramenta para gerenciamento de finanças pessoais, em um aplicativo, que se integra automaticamente com sua conta bancária (use e veja **;)**);

- **Crédito pessoal**: canais de aquisição para crédito pessoal, com foco em ajudar o nosso usuário a sair daquela situação chata com o cartão ou o cheque especial.



No Front-end nós temos os canais web, plataforma e websites que utilizamos para divulgar conteúdo, aquisição de novos usuários e manutenção de algumas informações. Discutimos constantemente as tecnologias que usamos e como melhorar a experiência para os nossos usuários e clientes, bem como um trabalho muito próximo com a equipe de design e produto.



### Gostou de tudo que está aí em cima? Então vem pra cá!!!



Você quer trabalhar no Guiabolso? Vamos te ajudar!



Para você, **front-end engineer** (que é um desenvolvedor de software e **não picador de PSD**), daremos o caminho das pedras.



Temos um processo seletivo que é dividido em algumas etapas. 



- O desafio técnico (descrito nesse repositório);

- Uma conversa com nossa **master blaster equipe técnica**, pra fazer um fit cultural;

- Conversa com o RH;



### Qual o tal desafio técnico?



Estamos procurando profissionais que estejam bem familiarizados com a stack que estamos utilizando. Então, nossa proposta é a seguinte:



- Voce deve desenvolver uma **aplicação web** (Web App) que consuma a API do [ChuckNorris.io](https://api.chucknorris.io/);

- Essa aplicação deve ser imaginada como um primeiro passo para **algo que será maior**

- A aplicação deve ter uma **página inicial** com a [**lista de categorias**](https://api.chucknorris.io/jokes/categories) (uma listagem mesmo, consumindo da API);

- Quando clicar em uma categoria, carregar o conteúdo vindo da API. Ex.: [Categoria `science`](https://api.chucknorris.io/jokes/random?category=science)

- Ao carregar uma piada, ter um botão **carregar outra** para ver outro conteúdo da mesma categoria



### Quais são os requisitos?



Para tanto você deverá construir uma aplicação com:



- [React](https://facebook.github.io/react/);



- [Redux](http://redux.js.org/);

- ou [Mobx](https://mobx.js.org/);

- ou [Hooks com Context](https://pt-br.reactjs.org/docs/hooks-reference.html)



Você pode utilizar um **boilerplate** para inicializar o webapp.



**PS. lembre-se, este é um desafio de front. O resultado, qualidade e apresentação também serão levados em conta. Se quiser, use um framework, mas não esqueça que a primeira impressão conta.**



### Como entrego?



Você nos envia um e-mail para **frontmonstrao[arroba]guiabolso[ponto]com[ponto]br** contendo:



- Seu **nome completo**;

- Seu **telefone** para contato;

- Seu **LinkedIn** (se tiver);



- **Observações e comentário**s sobre o seu código que sejam interessantes apontar;

- **Onde você achou** esse repositório ("Fulaninho me indicou", "Vi no grupo X", "Tive um sonho consciente...", etc);



#### Com GIT



Cuide do repositório que vai mandar. Crie um readme.md, dê um nome semântico, zele pelo conteúdo que vai entregar. Lembre-se, esse desafio é um resumo de como você trabalha.



- URL do **repositório**;

- URL para o [**GH-Pages**](https://pages.github.com/) com uma versão **compilada** da sua aplicação;



**Mas eu estou empregado e não posso deixar isso público ou não vou usar github :(**



É importante ter uma versão publicada, portanto, se não se sentir confortável com o github (que é 100% público) você pode utlizar o [gitlab](https://about.gitlab.com/), [bitbucket](https://bitbucket.org/) ou até mesmo o [heroku](https://www.heroku.com/). Se não puder abrir o código fonte em um repositório, nos envie **compactado** e sem o **node_modules**



#### Com [CodeSandbox](https://codesandbox.io)



Caso queira criar e editar seu teste em qualquer lugar, você pode usar uma plataforma remota como o CodeSandbox.



- Entre com o seu GitHub

- Crie uma aplicação React

- Instale as dependências

- Envie a URL do seu sandbox para nós.



### Pontos de avaliação



Veja, esse teste, além de um desafio, é uma forma de explorar e expressar sua desenvoltura com a plataforma frontend. O foco da avaliação é a sua familiaridade com o desenvolvimenteo React e gerenciamento de estado, lembrando que há um caráter seletivo. 



Nesse sentido, alguns pontos que devem ser observados:



- Estética é ponto de vista. Seja consistente e se estilo não for seu forte, use um template ou um framework.

- Provavelmente, nossa primeira experiência com seu resultado vai ser através de um celular. Use um layout pensando nisso.

- Como você organiza seus arquivos, métodos, nomeia variáveis, lida com o seu código como um todo são outros pontos observados. Seja cuidadoso, utilize boas práticas e padrões.

- Seja consistente. Se escolher estilo inline, siga até o final, assim como se usar sass, use os recursos dele. Não se acanhe em usar um boilerplate pra facilitar a configuração das coisas.

- Siga as boas práticas do React e da ferramenta escolhida, bem como respeite as boas práticas do javascript (um linter pode te ajudar).

- Codifique como você gostaria de trabalhar.

- **Leia todo o desafio, 3 vezes, até o final e escreva "GELÉIA" no final do seu e-mail de entrega.**



### O que provavelmente vamos olhar



- Organização de `pastas`

- Imports no `package.json`

- `Nome dos componentes` e responsabilidades

- Uso das ferramentas de `gerenciamento de estado`

- Separação de responsabilidades

- `HTML` e boas práticas

- `CSS` e boas práticas



Vamos ler seu código, apreciar o resultado, olhar, testar. Invista o tempo necessário para fazer um desafio que demonstre o resumo das suas capacidades técnicas. Faça com carinho.



Obrigado e boa sorte!



## Licença



Licença Creative Commons
Este repositório, texto, códigos e forks estão licenciados com uma Licença Creative Commons Atribuição 3.0 Brasil.



As imagens e o nome **Guiabolso** são de propriedade do Guiabolso. Todos os direitos reservados **(c) 2017**.