seja-um-guia-front

KO | EN

gitlite — search

#ai #typescript #rust #linux #nodejs #windows #cli #kubernetes #vue #awesome-list #security #ios #mcp #openai

seja-um-guia-front

(★ 42)

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

seja-um-guia-front Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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

<a rel="license" href="http://creativecommons.org/licenses/by/3.0/br/"><img alt="Licença Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by/3.0/br/88x31.png" /></a><br />Este repositório, texto, códigos e forks estão licenciados com uma Licença <a rel="license" href="http://creativecommons.org/licenses/by/3.0/br/">Creative Commons Atribuição 3.0 Brasil</a>.

seja-um-guia-front

seja-um-guia-front Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

seja-um-guia-front

seja-um-guia-front Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README