57 perguntas para entrevista de desenvolvedores da Web para contratar um especialista

Seja você gerente de recursos humanos, recrutador(a) ou gerente de contratações, você sabe que a contratação de desenvolvedores da Web pode fazer a diferença em uma organização. Contratar as pessoas certas lhe dará uma vantagem sobre a concorrência.

Encontrar os candidatos certos com conhecimento especializado em algoritmos de Python, React ou Gatsby.js nunca foi tão importante.

Mas como fazer isso?

Entrevistas estruturadas, nas quais você faz aos candidatos as perguntas certas sobre desenvolvimento na Web, podem realmente ajudar você a avaliar suas habilidades em profundidade.

Além disso, com uma plataforma de avaliação de habilidades on-line como a TestGorilla, você pode medir a capacidade e o conhecimento dos candidatos antes mesmo de entrevistá-los, economizando tempo e dinheiro ao filtrar os candidatos inadequados no início do processo de contratação.

Os candidatos com bom desempenho em testes de habilidades, como os nossos testes Gatsby.js ou React, têm uma chance muito maior de sucesso na função de desenvolvedor web, e se você concluir a avaliação de habilidades com uma entrevista, terá uma compreensão completa das capacidades deles.

Para ajudar você a se preparar para sua próxima entrevista com desenvolvedor web, compilamos uma lista de 57 perguntas para entrevistas com desenvolvedores web.

11 perguntas gerais para entrevista de desenvolvedores Web

Nesta seção, você encontrará 11 perguntas gerais para entrevista de desenvolvedores Web para ajudar você a iniciar a entrevista. Use os exemplos de respostas para avaliar as respostas de seus candidatos.

1. Em sua última função, quais eram suas responsabilidades como desenvolvedor(a) Web?

O objetivo dessa pergunta é avaliar o conhecimento do candidato sobre a função e sua experiência. Procure candidatos com experiência em cargos semelhantes, compreensão dos deveres dos desenvolvedores Web e capacidade e disposição para assumir novas responsabilidades.

2. Você pode me falar sobre sua experiência com diferentes linguagens de programação?

Essa pergunta avalia a familiaridade do candidato com diferentes linguagens de programação e determina se é necessário treinamento adicional.

Fique atento aos candidatos com experiência em programação nas mesmas linguagens que a sua organização usa; eles poderão se familiarizar mais rapidamente e não precisarão de tanto treinamento para se tornarem produtivos.

3. O que motivou você a se tornar desenvolvedor(a) Web?

Essa pergunta avalia se os candidatos são apaixonados pelo trabalho e ajuda você a avaliar a motivação deles para se candidatarem à sua empresa. Procure paixão e entusiasmo pelo desenvolvimento Web, um bom entendimento dos requisitos do cargo e experiência suficiente em uma função semelhante.

4. Você se lembra de uma ocasião em que um cliente ficou insatisfeito com seu trabalho? Como você lidou com isso?

O objetivo dessa pergunta é avaliar o atendimento ao cliente e as habilidades de resolução de conflitos do candidato. Procure evidências da capacidade do candidato de se comunicar bem com os outros, de manter altos níveis de satisfação do cliente e de resolver conflitos com sucesso.

5. Você pode me falar sobre as habilidades que tornam você um(a) bom(a) desenvolvedor(a) Web?

Faça essa pergunta para determinar se as habilidades do candidato atendem aos seus requisitos. Procure um senso de confiança em suas habilidades e competências.

6. Qual foi o seu projeto mais desafiador em desenvolvimento Web?

Essa pergunta avalia o nível de experiência do candidato e sua capacidade de se adaptar a mudanças, lidar com circunstâncias imprevistas e resolver problemas. Procure candidatos que consigam trabalhar bem sob pressão, resolver conflitos e superar obstáculos para concluir projetos com sucesso.

7. Em sua função anterior, você teve contato direto com clientes?

Essa pergunta visa determinar se o candidato seria uma boa opção para a sua equipe se a função exigir comunicação e gerenciamento de clientes. Procure candidatos com excelentes habilidades de comunicação e relacionamento interpessoal, experiência em contato direto com clientes e adaptabilidade a vários ambientes.

8. Como você descreveria seu ambiente de trabalho ideal?

O objetivo dessa pergunta é determinar se o candidato seria uma boa opção para sua empresa. Procure candidatos com experiência de trabalho em vários ambientes e que possam se adaptar facilmente a novas equipes e métodos de trabalho.

9. O que você faz para ficar por dentro das novidades e tendências do setor?

Essa pergunta determina se os candidatos são apaixonados por desenvolvimento web e se mantêm atualizados com as últimas tendências do setor. Procure candidatos que tenham conhecimento prático das tendências e dos desenvolvimentos atuais do setor, bem como aqueles que sejam entusiastas do desenvolvimento Web como um todo.

10. Qual é a melhor maneira de explicar o processo de desenvolvimento Web para clientes não familiarizados com a área?

Essa pergunta avalia a capacidade do candidato de explicar termos do setor para clientes não técnicos.

Procure candidatos que demonstrem capacidade de se comunicar de forma eficaz com outras pessoas, especialmente aquelas com formação não técnica, e que consigam traduzir o conhecimento específico do setor em termos mais simples para adaptá-lo a vários públicos.

11. Que medidas você toma para garantir que seu trabalho não contenha erros?

Esta pergunta avalia o processo de desenvolvimento web do candidato e, especialmente, se ele verifica novamente seu trabalho. Procure candidatos que possam mostrar evidências de que conseguiram detectar erros no passado e que tenham um processo estabelecido para detectar e eliminar erros.

17 perguntas básicas para entrevista de desenvolvedores web juniores

Nesta seção, você encontrará 17 perguntas para entrevista que podem ser feitas a candidatos juniores. Use-as para avaliar se seus candidatos têm as habilidades básicas necessárias para a função.

1. Qual é a diferença entre SOAP e REST?

SOAP (sigla de Simple Object Access Protocol) é um protocolo de desenvolvimento Web que funciona com XML. REST (sigla de Representational State Transfer) é uma plataforma arquitetônica que também trabalha com XML, mas pode trabalhar adicionalmente com HTML e texto simples.

Uma observação importante é que o REST pode usar SOAP, mas SOAP não pode usar REST.

2. No desenvolvimento Web, qual é a finalidade de um namespace?

Os namespaces são objetos globais simples que contêm propriedades, métodos e outros objetos em seu interior. Os namespaces usam modularidade para que os usuários possam retomar o código sem conflitos de nomenclatura.

3. No HTML5, quais são os novos tipos de input disponíveis?

O HTML passou por várias reformas nos últimos anos, o que o tornou mais fácil de trabalhar. Os novos tipos de input para HTML5 incluem:

• E-mail

• URL

• Datetime-local

• Month

• Color

• Number range

4. O HTML5 tem cinco elementos para dar suporte ao conteúdo de mídia. Quais são eles?

Os cinco principais elementos que suportam conteúdo de mídia em HTML5 são:

5. Você pode me dizer o que é SVG e por que isso é usado?

O termo SVG refere-se a Scalable Vector Graphics (gráficos vetoriais escaláveis). Você pode usar o SVG para exibir gráficos baseados em vetores on-line. Ele renderiza o conteúdo gráfico com base em um formato XML. Ao usar o SVG, o usuário pode criar imagens de alta qualidade com conteúdo gráfico superior.

6. Em HTML, qual é a finalidade do Canvas?

A adição do Canvas ao HTML5 permite que os usuários desenhem gráficos em qualquer lugar usando JavaScript. Você pode desenhar caixas, caminhos, círculos, imagens e muito mais utilizando vários métodos.

7. Qual é a diferença entre o Canvas e o SVG?

O Canvas depende da resolução e não oferece suporte a manipuladores de eventos. Para renderizar aplicativos em pequena escala, o Canvas funciona bem.

O SVG não depende de resolução e é compatível com manipuladores de eventos. Para aplicativos de renderização em grande escala, o SVG é a melhor opção.

8. O que você pode fazer para reduzir o tempo de carregamento da página?

O tempo de carregamento da página de um site é afetado por vários fatores. No entanto, ele pode ser bastante reduzido com a implementação de alguns métodos, como:

• Redução do tamanho da imagem

• Minimização do cache e do redirecionamento

• Compressão de HTTP

• Redução de pesquisas

• Remoção de widgets desnecessários

9. O que é CORS?

CORS, abreviação de Cross-origin Resource Sharing (Compartilhamento de recursos de origem cruzada), é um mecanismo que permite que vários recursos sejam solicitados simultaneamente de um domínio fora do domínio de solicitação atual.

10. Qual é a diferença entre os objetos localStorage e sessionStorage?

Com o localStorage, não há expiração para os dados armazenados e ele não exclui os dados quando você fecha a janela. Com o sessionStorage, um objeto só é válido para uma única sessão e é excluído imediatamente quando você fecha a janela.

11. Você pode me falar sobre alguns dos novos recursos trazidos pelo CSS3?

Muitas alterações foram feitas no CSS3 para torná-lo mais avançado e fácil de usar. Alguns desses recursos são:

• Animação

• Layout personalizado

• Consultas de mídia

• Cantos arredondados

12. Como o design responsivo da Web (RWD) funciona em HTML e CSS?

Com o design responsivo da Web, as páginas da Web podem ser dimensionadas em várias resoluções com o mínimo de rasgos na tela. A estrutura de uma página da Web se adapta automaticamente ao dispositivo em que ela é visualizada para proporcionar a melhor experiência de visualização.

13. Entre os tipos de CSS, quais são os mais populares?

Há três tipos principais de CSS:

• CSS inline, que permite que o CSS seja adicionado em linha junto com os elementos HTML

• CSS externo, que importa um arquivo CSS externo para um documento HTML

• CSS incorporado, que adiciona estilos CSS por meio do atributo

14. Em CSS, qual é a finalidade de um seletor?

Com os seletores CSS, os elementos HTML podem ser facilmente encontrados e selecionados com base em nome, ID, atributo e muito mais.

15. Em CSS3, qual é a finalidade do agrupamento?

O agrupamento permite que os usuários reutilizem e apliquem o mesmo elemento de estilo CSS a várias entidades HTML com uma única declaração.

16. Em CSS, qual é a finalidade de um seletor de classe?

Um seletor de classe seleciona uma declaração e altera seu estilo na parte relacionada da tag HTML.

Em CSS, os seletores de classe começam com uma chave ".", seguida pelo nome da classe.

17. No CSS3, qual é a finalidade do Webkit?

O CSS inclui um componente de software chamado Webkit, que permite que os elementos HTML e CSS sejam renderizados em uma variedade de navegadores, incluindo Firefox, Safari e Chrome.

Há vários mecanismos para navegadores, por exemplo:

• Edge para Internet Explorer

• Gecko para Mozilla

• Presto para Opera

14 perguntas intermediárias para entrevistas de desenvolvedores Web

Abaixo, você encontrará 14 perguntas para entrevistas de desenvolvedores Web para candidatos que já têm alguma experiência, mas ainda não são desenvolvedores sênior. Use nossos exemplos de respostas para avaliar seu conhecimento e experiência.

1. De que forma o CSS3 facilita a implementação de bordas arredondadas?

Com o CSS3, os elementos podem ser criados com cantos arredondados de aparência atraente usando a propriedade . Você pode aplicar isso aos quatro lados ou de acordo com suas necessidades.

2. O que é paginação e como ela funciona?

A paginação de um site é uma sequência simples de páginas. Os usuários podem exibir conteúdo semelhante nessas páginas porque elas estão interconectadas.

Por exemplo, um site de comércio eletrônico pode apresentar um seletor de páginas que permite aos usuários navegar em várias páginas simultaneamente em vez de rolar para cima e para baixo na mesma página.

3. O modelo de caixa CSS é composto de quais componentes?

Um modelo de caixa CSS representa uma entidade que retém todo o conteúdo HTML em um elemento de caixa ou botão.

Há quatro componentes:

1. Conteúdo: O conteúdo real exibido

2. Borda: O preenchimento e o conteúdo ao redor da borda

3. Preenchimento: O espaço vazio ao redor de um elemento

4. Margem: A camada superior do elemento de caixa

4. No CSS3, quais são algumas das propriedades das transições?

Os usuários podem criar efeitos de animação de forma rápida e eficiente com as transições do CSS3.

Há quatro propriedades principais das transições:

• transition-delay

• transition-timing-function

• transition-property

• transition-duration

5. No CSS, qual é a finalidade das pseudoclasses?

No CSS, as pseudoclasses são usadas para alterar o estilo de um elemento quando seu estado muda.

As pseudoclasses podem ser usadas de várias maneiras, como:

• Animações fora de foco

• A mudança de estilo quando o mouse passa sobre o elemento

• Fornecimento de estilos para links externos

6. No CSS3, qual é a finalidade das consultas de mídia?

No CSS, as consultas de mídia definem estilos que respondem a vários tamanhos e formas de janelas de visualização.

As seguintes entidades podem ser ajustadas:

• Viewport

• Height

• Width

• Orientation

• Resolution

7. Qual é a finalidade do float no CSS?

No CSS, o float controla a posição e o layout de um elemento em uma página da Web. Dependendo dos requisitos, você pode colocar qualquer elemento na página da Web.

8. Em CSS, o que é z-index?

Em CSS, o z-index determina a ordem dos elementos em uma página. A hierarquia se baseia em índices de ordem, em que um elemento de ordem superior aparece antes de um elemento de ordem inferior.

Aplica-se somente a elementos posicionados, ou seja, aqueles elementos com o atributo de posição obrigatório.

9. Quais são as vantagens das folhas de estilo externas?

Há várias vantagens no uso de folhas de estilo externas, tais como:

• Não há limite para o número de vezes que uma classe pode ser reutilizada

• Os estilos podem ser aplicados facilmente usando seletores e agrupamentos

• Um arquivo pode controlar o estilo de vários documentos

10. No desenvolvimento Web, o que significa polling longo?

O polling longo é um padrão que os desenvolvedores usam para imitar uma operação de envio de dados de um servidor para um computador cliente.

Os dados são enviados do servidor para o cliente durante o polling longo. O tempo limite da conexão só ocorrerá se os critérios de tempo limite forem atendidos ou se os dados tiverem sido enviados ao cliente.

11. Quais são algumas das tecnologias de desenvolvimento Web que você conhece?

Um desenvolvedor Web experiente terá um bom conhecimento das seguintes tecnologias:

• JavaScript

• HTML

• PHP

• CSS

• SQL

• Python

Procure candidatos que possam dar exemplos específicos de sua experiência com cada uma dessas tecnologias.

12. Qual é a diferença entre cookies e armazenamento local?

Com os cookies, tanto o cliente quanto o servidor têm acesso aos dados do cookie, e os dados são excluídos após a data de expiração. Com o armazenamento local, as máquinas do lado do cliente armazenam dados localmente em seus navegadores, e os dados nunca expiram (a menos que sejam excluídos manualmente).

13. Quais são as diferenças entre o XHTML e o HTML?

Com o XHTML, as tags precisam estar em letras minúsculas e fechadas depois de abertas. Além disso, você precisa colocar os atributos entre aspas duplas. No HTML, as tags não diferenciam maiúsculas de minúsculas e podem ser abertas. Além disso, você pode usar atributos sem aspas.

14. Em JavaScript, quais são os tipos de dados existentes?

O JavaScript oferece suporte aos seguintes tipos de dados:

• Boolean

• Function

• Number

• Null

• Object

• String

• Undefined

15 perguntas avançadas para entrevista de desenvolvedores web sênior

Aqui, você encontrará 15 perguntas avançadas para entrevistas com desenvolvedores Web para avaliar candidatos sênior que tenham mais de 3 a 5 anos de experiência na função. Incluímos também exemplos de respostas para ajudar você a avaliar suas respostas.

1. Em JavaScript, que tipos de caixas pop-up estão disponíveis?

O JavaScript tem três tipos de caixas de diálogo:

• Alert, que exibe uma mensagem com um botão 'OK'

• Confirmação, que exibe uma janela com os botões 'OK' e 'Cancelar'

• Prompt de entrada, que exibe a entrada do usuário junto com os botões 'OK' e 'Cancelar'

2. De que forma window.onload e onDocumentReady são diferentes?

O evento <window.onload> não é chamado até que a página inteira tenha sido carregada com todos os estilos CSS e imagens. Como resultado, há um pequeno atraso na renderização de uma página da Web.

Com o evento, a ação do evento começará somente depois que o DOM for inicializado. Como resultado, os atrasos nas ações são reduzidos.

3. No JavaScript, como são tratadas as conversões de tipos?

O JavaScript oferece suporte à conversão automática de tipos. Você pode facilmente passar uma função para outra função, pois ela é fracamente tipada.

Como os valores são convertidos automaticamente para o tipo de dados necessário, não há erros nem avisos.

4. Em JavaScript, o que significa o escopo de uma variável?

O escopo descreve como as funções e variáveis estão acessíveis no ambiente de execução. O JavaScript oferece suporte a dois escopos:

• Escopo local: Os valores e as funções declarados dentro da mesma função só podem ser acessados dentro dessa função

• Escopo global: Quando uma variável é declarada global, ela pode ser acessada em qualquer lugar do aplicativo

5. Qual é a finalidade dos comentários em JavaScript?

Dois tipos de inserção de comentários são suportados pelo JavaScript no código:

• Comentário de linha única: "//" insere comentários de linha única

• Comentário de várias linhas: "/* */" adiciona comentários de várias linhas

6. Em JavaScript, por que a palavra-chave é usada com tanta frequência?

Você usa a palavra-chave para acessar o objeto atual presente em um programa. Esse objeto está dentro de um método. A palavra-chave é usada para fazer referência à variável correspondente ou ao objeto.

7. Como funciona o atributo do JavaScript?

O atributo é um atributo booleano que atrasa a execução do código JavaScript até que a página tenha sido carregada e inicializada pelo analisador.

8. Em JavaScript, o que são variáveis indefinidas e não declaradas?

Variáveis indefinidas são variáveis que já foram declaradas, mas não inicializadas.

Por outro lado, variáveis não declaradas são variáveis que não foram declaradas e estão sendo usadas em um programa.

9. Em um aplicativo da Web, como você prioriza a capacidade de manutenção, o desempenho, o SEO e a segurança?

Organizações diferentes atribuem níveis diferentes de importância a cada um desses fatores e descobrir o equilíbrio certo entre eles é uma habilidade crucial para desenvolvedores Web bem-sucedidos.

Por exemplo, as empresas que têm grandes bancos de dados de informações de clientes podem priorizar a segurança em relação ao SEO, enquanto as startups recém-fundadas podem priorizar o SEO e o desempenho para atrair seus primeiros clientes.

Com essa pergunta, você está tentando avaliar a compreensão dos candidatos sobre as metas da sua empresa e se eles fizeram algum trabalho de base antes da entrevista.

10. Se um manipulador de eventos do jQuery retornar falso, o que acontecerá?

Se um valor booleano falso for retornado pelo manipulador de eventos do jQuery, o evento não continuará a ser executado. A ação à qual ele está associado será interrompida.

11. No jQuery, o que a função each() faz?

O jQuery usa a função each() para iterar em um conjunto de elementos. É possível passar uma função para o método each(). Como resultado, cada evento para o qual o objeto foi chamado será executado.

12. Você sabe o que é programação em pares?

Durante a programação em pares, você trabalhará em conjunto com um colega para resolver problemas juntos. Essa é uma ótima pergunta para verificar se os candidatos estão acostumados a trabalhar com outras pessoas próximas.

13. No jQuery, qual é a finalidade da função $()?

No jQuery, a função $() envolve objetos em suas contrapartes do jQuery. Dessa forma, os usuários podem chamar qualquer método definido para o objeto jQuery.

Você também pode passar seletores para a função $(). Como resultado, é gerado um objeto jQuery contendo elementos DOM correspondentes.

14. Ao usar o jQuery, quais são as vantagens de usar uma CDN (Content Delivery Network)?

Os benefícios de usar uma CDN são:

• Carga do servidor significativamente reduzida

• Economia substancial de largura de banda

• Tempos de carregamento mais rápidos devido a otimizações em frameworks jQuery

• Tempos de carregamento mais rápidos devido ao cache da CDN

15. No jQuery, quais tipos de CDNs são suportados?

No jQuery, há suporte para duas CDNs:

• Microsoft: Carrega a partir da CDN AJAX do jQuery

• Google: Carrega jQuery da API de bibliotecas do Google

Recrute os melhores desenvolvedores Web fazendo as perguntas certas

O web design tem um impacto enorme na credibilidade da empresa. É por isso que você deve atrair os melhores desenvolvedores Web que tenham as habilidades e os conhecimentos certos para ajudar a organização a atingir suas metas e que compreendam totalmente as responsabilidades e os deveres dos desenvolvedores Web.

Fazer as perguntas certas na entrevista sobre desenvolvimento Web pode ajudar você a identificar os melhores candidatos. Fornecemos uma lista completa acima para ajudar você a se preparar para as entrevistas com seus candidatos.

Entretanto, antes de realizar as entrevistas, recomendamos o uso de uma plataforma on-line de teste de habilidades. Dessa forma, você tornará seu processo de contratação mais objetivo e justo, avaliando a experiência dos candidatos em vez de avaliar seus currículos.

O teste de habilidades também ajuda a economizar tempo e dinheiro, pois permite que você se concentre apenas nos melhores candidatos e desqualifique rapidamente aqueles que simplesmente não têm as habilidades certas para a função.

Para obter os melhores resultados, use testes específicos baseados em linguagem para as linguagens que a sua organização está usando, como o nosso teste de Gatsby.js ou o nosso teste de HTML5 para contratar um desenvolvedor Gatsby ou um especialista em HTML, respectivamente.

Em seguida, combine esses testes de habilidades técnicas com testes de habilidades interpessoais. Lembre-se de que a capacidade do candidato de resolver problemas e ser automotivado pode ser mais importante do que suas habilidades técnicas, que podem ser adquiridas no trabalho. Aqui, você pode usar nossos testes de Resolução de Problemas e Motivação, para citar alguns.

Contrate desenvolvedores web talentosos rapidamente com a TestGorilla como seu parceiro de avaliação de habilidades on-line. Inscreva-se gratuitamente hoje mesmo