piresbr / frontend-vagas Goto Github PK

Somente um lugar apaixonante pode manter um time apaixonado. E somente um time apaixonado é capaz de realizar um bom trabalho. Por isso, na F&MD, fazemos de tudo para que as pessoas sejam felizes além do fim de semana. Não é discurso pronto pra pegar bem com o mercado. É algo que nasceu com a gente. É claro que existe cobrança. É claro que existem problemas. Mas quando surge algum, tentamos resolver do jeito mais justo possível. Nem sempre a gente acerta.

Curioso em saber um pouco do nosso ecosistema? Deem uma olhada nesse reels do Instagram e espero que ele te agrade e mostre um pouquinho do nosso ambiente: Crazy F&MD

Nosso Site: F&MD Site
Nosso Instagram: F&MD Instagram

Estamos em busca de pessoas apaixonadas por Front-end e com sede de projetos e experiências FODAS.

Seu dia será repleto de:

const differentials = [
  'Tecnologia foda',
  'Pessoas engajadas em crescer juntas',
  'Ambiente de trabalho saudável',
  'Respeito às pessoas em primeiro lugar',
  'Produzir trabalhos incríveis',
  'Oportunidade em aperfeiçoar Hard Skills',
  'Oportunidade em aperfeiçoar Soft Skills',
  'Salário coerente com o mercado, trabalho e perfil profissional',
  'Disputas de Pebolim(Pebolas)',
  'Disputas de Fifinha',
  'Entre muitas outras coisas legais!',
  ...awesomeThings
];

Nossa stack é composta por:

const frontendFMDTechnologies = [
    'HTML',
    'CSS',
    'Javascript',
    'Bootstrap',
    'Blade (Laravel template engineering)',
    'Angular',
    'Sass',
    'Typescript',
    'Git',
    'Ionic',
    'NPM',
    'Webpack',
    'RxJs',
    'NGRX',
    'NGXS',
];

const frontendFMDTools = [
    'WebStorm',
    'Homestead (VirtualBox, Vagrant)',
    'Gitlab',
    'Github',
    'Discord',
    'Trello',
    'Plann',
    'Jira',
    'Postman',
    'Figma',
    'Notion',
    'Visual Studio(Just Sometimes)',
    'Linux (Terminal)',
];

Usando como base projetos conceituados pela comunidade, como por exemplo o Bootstrap ou Angular, a estrutura de arquivos e diretórios que utilizamos consciste no isolamento por responsabilidade para agrupar determinada funcionalidade que necessita de vários arquivos para abranger todo seu conteúdo sem perder a objetividade e facilitar a manutenção.

• Proatividade
• Sentimento de dono
• Comprometimento, organização e senso de trabalho em equipe
• Estar disposto a buscar o aprendizado e evolução constante
• Usar o bom senso para tomada de decisões em situações adversas

O nosso challenge para a mais nova vaga de Front-end consiste em desenvolver uma Landing Page de assunto de sua preferência, basta atender os requisitos abaixo:

• Header com os links de âncora para as seções.
• Seção com 3 banners (Slider).
• Seção com cards (Mínimo 3 cards).
  • Mobile: Blocado abaixo do outro.
  • Desktop: Um ao lado do outro (garantindo a mesma altura).
• Segunda seção de cards (Mínimo 3 cards).
  • Mobile: Slider
  • Desktop: Slider desligado (garantindo a mesma altura).
• Formulário de newsletter.
• Footer.

Ficou em dúvida?! Não se preocupe, nós preparamos um Figma como fonte de inspiração para a sua proposta - Protótipo de LP.

Requisitos mínimos

• HTML
• CSS
• Javascript
• Consumir API

Sugestões para dar um diferencial e deixar foda!

• Animações
• Frameworks SPA (Angular, Vue, React...)
• Frameworks Front-end (Bootstrap, Angular Material, Tailwind CSS...)
• Pré-processadores de CSS (Sass, Less, Stylus...)
• Typescript

E caso esteja em dúvida de qual API usar, esse site possuí diversas API's bem legais que podem te ajudar, escolha o que seu s2 mandar!

Para avaliarmos o projeto de teste, submeta um Pull Request (PR) para este repositório!

Em nossos projetos adotamos um styleguide (Commit Amigão) para facilitar a identificação dos commit's, onde a estrutura é baseada em

<tipo>(<escopo>): <assunto>

Os valores permitidos para o <tipo> são:

• feat (nova funcionalidade)
• style (formatação geral no código. Não confundir com CSS)
• refactor (refatoração de código de produção)
• test (adicionar/refatorar testes)
• fix (adivinha qual é esse)
• docs (e esse também)
• chore (atualização de tarefas ou código que não está relacionado a produção)

<escopo>

O escopo deve informar onde foi feito a alteração

<assunto>

- Máximo de 50 caracteres
- Tipo de escopo devem estar em letras minúsculas
- Assunto deve estar no imperativo

Exemplo:

    feat(seção sobre nós): adiciona os dados mockados da api no html

Iremos avaliar os seguintes critérios:

• Código limpo e organização
• Semântica
• Organização dos commits
• Acessibilidade

Não deixe que alguma dúvida faça você pirar! Abra uma issue ou nos mande um e-mail em [email protected], fechou?!

Acesse nosso LinkedIn e fique de olho 🙂

Que a força esteja com você :)