O que é perguntado em uma entrevista frontend, como responder sobre React, CSS e desempenho e como ensaiar a conversa com um treinador de IA.
A entrevista frontend é diferente de outras entrevistas técnicas: aqui avaliam não apenas o conhecimento de APIs, mas também como você pensa no usuário. O mesmo componente pode ser escrito de três maneiras — e a pergunta “por que exatamente assim” pesa mais do que a própria implementação.
Normalmente são quatro etapas, e cada uma exige uma preparação específica:
| Etapa | O que é avaliado | Como se preparar |
|---|---|---|
| Triagem com o recrutador | experiência, motivação, expectativas salariais | três frases sobre você + faixa salarial |
| Entrevista técnica | JavaScript, CSS, navegador, framework | análise das perguntas abaixo |
| Live coding | como você escreve código e raciocina | verbalizar em voz alta o processo de solução |
| Design de sistemas / arquitetura | como você projeta a interface e o estado | estruturar a resposta: contexto → opções → escolha |
Aqui não se avalia a escala, mas o seu papel. Ruim: «reescrevemos o front-end em React». Bom: «eu fui responsável pela migração para uma nova API — tive que manter a compatibilidade, foi assim que fiz e o que isso trouxe em métricas».
Conjunto típico: event loop, promises versus async/await, borbulhamento de eventos, delegação, `this`, closures, diferenças entre `var`/`let`/`const`, diferença entre cópia por referência e por valor. Esperam não definições, mas um exemplo de uso.
Flexbox versus Grid, especificidade de seletores, como funciona `position: sticky`, o que é margin collapse, como foi feito o layout responsivo sem media queries. Eles testam a capacidade de explicar, e não de memorizar a sintaxe.
Diferença entre estado e props, por que usar keys em listas, o que é re-render e como evitá-lo, `useEffect` e suas dependências, memoização, contexto versus gerenciador de estado. Frequentemente pedem para encontrar um erro em um trecho de código.
O que são Core Web Vitals, como medir LCP e CLS, o que fazer com JS extra no bundle, para que servem code splitting e lazy loading, como funciona o cache. Aqui é importante citar ferramentas concretas: Lighthouse, Performance API, Chrome DevTools.
Tags semânticas, ARIA, foco e navegação por teclado, contraste. Uma pergunta eliminatória para muitos candidatos.
Verificam se você consegue ver estados (por exemplo, hover, disabled, ausência de dados), e não apenas o layout ideal.
Nas perguntas técnicas, funciona a mesma estrutura que nas comportamentais: tese → justificativa → exemplo → limitaçãoO último passo é frequentemente esquecido, e é justamente ele que diferencia um senior de um middle.
«Para este caso, eu usaria virtualização de lista. A razão é que o DOM não aguenta dez mil nós: ao rolar, começam as quedas de desempenho. No projeto anterior, reduzimos assim o tempo até a interatividade para cerca de um terço. Limitação: a virtualização funciona mal com altura de linha variável — nesse caso, é necessário medir».
Observe: há solução, motivo, resultado concreto e uma fronteira honesta de aplicabilidade. Uma resposta assim não pode ser «decorada» — mas pode ser ensaiada.
| Dia | O que fazer | Horário |
|---|---|---|
| 1 | Liste seus 5 projetos: papel, tarefa, resultado em números | 40 min |
| 2 | Percorra os 7 tópicos acima e marque onde a resposta não se encaixa | 40 min |
| 3 | Responda em voz alta a 10 perguntas e grave-se no gravador | 30 min |
| 4 | Analisar a gravação: onde estão as pausas, onde há perda de estrutura | 20 min |
| 5 | Executar um diálogo completo com o treinador de IA para a sua vaga | 30 min |
| 6–7 | Repetir respostas problemáticas, repetir o ensaio | 20 min |
O que muda: a velocidade de montagem da resposta, a capacidade de não perder a estrutura diante de uma pergunta inesperada, a habilidade de apontar a limitação da sua solução. Isso é percebido já depois de três ou quatro ensaios.
O que não haverá: a preparação não substitui o conhecimento da tecnologia. Se você não entende o event loop, uma bela estrutura de resposta não ajuda. Primeiro — conhecimento, depois — habilidade de apresentá-lo.
Se você já tem a base técnica, uma semana de 30–40 minutos por dia: estrutura das respostas, falar em voz alta, uma simulação completa do diálogo. Se a base estiver fraca em um tópico específico (por exemplo, event loop ou cascata CSS), primeiro resolva isso; caso contrário, a estrutura da resposta não vai ajudar.
Depende da empresa: em equipes de produto, costumam dar tarefas práticas (escrever um componente, depurar um bug); em grandes empresas de tecnologia, algoritmos clássicos. Confirme o formato com o recrutador com antecedência — é uma pergunta normal.
Diga diretamente e mostre como você buscaria: “Nunca trabalhei diretamente com isso, mas a lógica é parecida com X — eu verificaria na documentação e em um protótipo”. Isso é avaliado melhor do que uma resposta inventada: o entrevistador quase sempre percebe quando o candidato está perdido.
Sim, é uma habilidade separada. Pratique dizer a solução em voz alta, escrever código no editor sem autocompletar e começar com perguntas de esclarecimento. Até um desenvolvedor confiante, sem essa prática, se perde na primeira sessão.
Diga uma faixa, não um número único, e baseie-se no mercado. Como fazer isso sem desconforto — está explicado no artigo negociação salarial.
Descreva a situação em uma frase — «entrevista para desenvolvedor frontend, React, três anos de experiência» — e percorra o diálogo no simulador. O Treinador fará perguntas sobre seu papel e analisará as respostas após a conversa.
Comece com cinco projetos: função, tarefa, resultado em números. Depois, simule o diálogo completo — abra o HintMeTalk AI, modo «Treinador», descreva a situação. Após a análise, ficará claro quais respostas estão fracas: normalmente são duas ou três de dez, e são justamente elas que decidem o resultado.
Os princípios gerais de preparação para qualquer entrevista estão no artigo preparação para entrevista. E se você estiver prestes a ter uma conversa sobre dinheiro — negociações salariais.
Pratique esta habilidade no HintMeTalk AI
Abrir o app
HintMeTalk