57 preguntas de entrevista a desarrolladores web para contratar a un experto

Ya seas manager de recursos humanos, agente de selección de personal o manager de contratación, sabrás que contratar desarrolladores web puede ser crucial para el éxito o fracaso de una empresa. Contratar a las personas adecuadas te dará una ventaja sobre la competencia.

Encontrar a los candidatos adecuados con conocimiento experto de los algoritmos de Python, React o Gatsby.js nunca había sido tan importante.

Pero, ¿cómo se puede hacer eso?

Las entrevistas estructuradas, en las cuales realizas las preguntas adecuadas sobre desarrollo web a los candidatos, pueden ayudarte a evaluar sus habilidades de manera exhaustiva.

Además, con una plataforma de evaluación de habilidades en línea como TestGorilla, puedes medir las capacidades y los conocimientos de los candidatos incluso antes de entrevistarlos, ahorrándote tiempo y dinero al filtrar a los candidatos inadecuados al principio del proceso de contratación.

Los candidatos que obtienen buenos resultados en pruebas de habilidades como nuestras pruebas de Gatsby.js o React tienen muchas más posibilidades de éxito en el puesto de desarrollador web - y si complementas la evaluación de habilidades con una entrevista, tendrás una comprensión completa de sus capacidades.

Para ayudarte a prepararte para tu próxima entrevista, hemos recopilado una lista de 57 preguntas de entrevista a desarrolladores web.

11 preguntas generales de entrevista a desarrolladores web

En esta sección encontrarás 11 preguntas generales para desarrolladores web que te ayudarán a comenzar la entrevista. Utiliza los ejemplos de respuestas para evaluar las respuestas de tus candidatos.

1. En tu último puesto, ¿cuáles eran tus responsabilidades como desarrollador web?

El objetivo de esta pregunta es evaluar el conocimiento del candidato sobre el puesto y su experiencia. Busca candidatos con experiencia en puestos similares, que comprendan las funciones de los desarrolladores web y que tengan la capacidad y la voluntad de asumir nuevas responsabilidades.

2. ¿Puedes hablarme de su experiencia con diferentes lenguajes de programación?

Esta pregunta evalúa la familiaridad del candidato con diferentes lenguajes de programación y determina si necesita más capacitación.

Presta atención a los candidatos con experiencia en programación en los mismos lenguajes que utiliza tu empresa: podrán ponerse al día más rápidamente y no necesitarán tanta capacitacitación para ser productivos.

3. ¿Qué te motivó a convertirte en desarrollador web?

Esta pregunta evalúa si los candidatos sienten pasión por su trabajo y te ayuda a valorar su motivación para aplicar a un trabajo en tu empresa. Busca pasión y entusiasmo por el desarrollo web, una buena comprensión de los requisitos del puesto y suficiente experiencia en un puesto similar.

4. ¿Recuerdas alguna ocasión en la que un cliente no estuviera satisfecho con tu trabajo? ¿Cómo lo gestionaste?

El objetivo de esta pregunta es evaluar las habilidades del candidato para el servicio de atención al cliente y la resolución de conflictos. Busca evidencia de la capacidad de los candidatos para comunicarse bien con los demás, mantener altos niveles de satisfacción del cliente y resolver conflictos de manera exitosa.

5. ¿Puedes hablarme sobre las habilidades que te hacen un buen desarrollador web?

Pregunta esto para determinar si las habilidades del candidato coinciden con tus requisitos. Busca un sentido de confianza en sus habilidades y capacidades.

6. ¿Cuál ha sido tu proyecto más desafiante en el desarrollo web?

Esta pregunta evalúa el nivel de experiencia del candidato y su capacidad para adaptarse al cambio, enfrentar circunstancias imprevistas y resolver problemas. Busca candidatos que puedan trabajar bien bajo presión, resolver conflictos y superar obstáculos para completar proyectos con éxito.

7. En tu puesto anterior, ¿tenías contacto directo con clientes?

La intención de esta pregunta es determinar si el candidato encajaría bien en tu equipo en caso de que el puesto requiera comunicación y gestión de clientes. Busque candidatos con excelentes habilidades de comunicación e interpersonales, experiencia de cara al cliente y adaptabilidad a distintos entornos.

8. ¿Cómo describiría tu entorno de trabajo ideal?

El objetivo de esta pregunta es determinar si un candidato encajaría bien en tu empresa. Busca candidatos con experiencia laboral en diversos entornos que puedan adaptarse fácilmente a nuevos equipos y métodos de trabajo.

9. ¿Qué haces para mantenerse al día con las novedades y tendencias del sector?

Esta pregunta determina si los candidatos tienen pasión por el desarrollo web y se mantienen actualizados con las últimas tendencias del sector. Busca candidatos que tengan un conocimiento práctico de las tendencias y desarrollos actuales en la industria, así como aquellos que estén entusiasmados con el desarrollo web en general.

10. ¿Cuál es la mejor manera de explicar el proceso de desarrollo web a clientes que no están familiarizados con el campo?

¿Cuál es la mejor manera de explicar el proceso de desarrollo web a clientes que no están familiarizados con el campo? Esta pregunta evalúa la capacidad de un candidato para explicar términos del sector a clientes no técnicos.

Busca candidatos que muestren capacidad para comunicarse efectivamente con otros, especialmente aquellos con antecedentes no técnicos, y que puedan traducir conocimientos específicos de la industria en términos más simples para adaptarlos a diferentes audiencias.

11. ¿Qué medidas tomas para asegurarte de que tu trabajo no contenga errores?

Esta pregunta evalúa el proceso de desarrollo web de un candidato, y especialmente si revisa dos veces su trabajo. Busca candidatos que puedan demostrar que han detectado errores con éxito en el pasado y que tengan un proceso establecido para detectar y eliminar errores.

17 preguntas básicas de entrevista a desarrolladores web junior

En esta sección, encontrarás 17 preguntas de entrevista que puedes hacer a los candidatos junior. Utilízalas para evaluar si tus candidatos tienen las habilidades básicas necesarias para el puesto.

1. ¿En qué se diferencian SOAP y REST?

SOAP (abreviatura de Protocolo de Acceso a Objetos Simples) es un protocolo de desarrollo web que funciona con XML. REST (abreviatura de Transferencia de Estado Representacional) es una plataforma arquitectónica que también funciona con XML pero que, además, puede trabajar con HTML y texto plano.

Una nota importante es que REST puede utilizar SOAP, pero SOAP no puede utilizar REST.

2. En el desarrollo web, ¿cuál es el propósito de los espacios de nombres?

Los espacios de nombres son simples objetos globales que contienen propiedades, métodos y otros objetos dentro de ellos. Los espacios de nombres utilizan la modularidad para que los usuarios puedan reanudar el código sin conflictos de nomenclatura.

3. En HTML5, ¿qué nuevos tipos de entrada están disponibles?

HTML ha experimentado múltiples renovaciones en los últimos años, lo que facilita el trabajo con él. Entre los nuevos tipos de entrada de HTML5 se incluyen:

• Correo electrónico

• URL

• Fecha y hora local

• Mes

• Color

• Rango de números

4. HTML5 tiene cinco elementos para admitir contenido multimedia. ¿Cuáles son?

Los cinco elementos principales que admiten contenido multimedia en HTML5 son:

• audio

• video

• source

• track

• canvas

5. ¿Puedes decirme qué es SVG y por qué se utiliza?

El término SVG se refiere a Gráficos Vectoriales Escalables (Scalable Vector Graphics, en inglés). Se utiliza SVG para mostrar gráficos basados en vectores en línea. Renderiza contenido gráfico basado en un formato XML. Al utilizar SVG, el usuario puede crear imágenes de alta calidad con contenido gráfico superior.

6. En HTML, ¿cuál es el propósito de Canvas?

La incorporación de Canvas a HTML5 permite a los usuarios dibujar gráficos sobre la marcha utilizando JavaScript. Se pueden dibujar cuadros, caminos, círculos, imágenes y más utilizando distintos métodos.

7. ¿En qué se diferencian Canvas y SVG?

Canvas depende de la resolución y no admite controladores de eventos. Para aplicaciones de renderizado en una escala pequeña, Canvas funciona bien.

SVG no depende de la resolución y admite controladores de eventos. Para aplicaciones de renderizado a gran escala, SVG es la opción óptima.

8. ¿Qué se puede hacer para reducir el tiempo de carga de una página?

El tiempo de carga de una página web se ve afectado por varios factores. Sin embargo, se puede reducir considerablemente mediante la implementación de algunos métodos, como:

• Reducción del tamaño de las imágenes

• Minimización de la memoria caché y redirección

• Compresión HTTP

• Reducción de búsquedas

• Eliminación de widgets innecesarios

9. ¿Qué es CORS?

CORS, abreviatura de Cross-origin Resource Sharing (Compartir recursos de origen cruzado), es un mecanismo que permite solicitar varios recursos simultáneamente desde un dominio fuera del dominio de solicitud actual.

10. ¿En qué se diferencian los objetos localStorage y sessionStorage?

Con localStorage, los datos almacenados no caducan y no se borran al cerrar la ventana. Con sessionStorage, un objeto es válido solo para una sesión, y se elimina inmediatamente al cerrar la ventana.

11. ¿Puede hablarme sobre algunas de las nuevas características que trae CSS3?

Se han introducido muchos cambios en CSS3 para hacerlo más potente y fácil de usar. Algunas de estas características son:

• Animación

• Diseño personalizado

• Consultas multimedia

• Esquinas redondeadas

12. ¿Cómo funciona el Diseño Web Responsivo (RWD) en HTML y CSS?

Con el diseño web responsivo, las páginas web pueden escalarse a través de múltiples resoluciones con mínima distorsión en la pantalla. La estructura de una página web se adapta automáticamente al dispositivo en el que se visualiza para proporcionar la mejor experiencia de visualización.

13. Entre los tipos de CSS, ¿cuáles son los más populares?

Existen tres tipos principales de CSS:

• CSS en línea, que permite añadir CSS en línea junto a elementos HTML

• CSS externo, que importa un archivo CSS externo en un documento HTML

• CSS incrustado, que añade estilos CSS a través del atributo

14. ¿En CSS, cuál es el propósito de un selector?

Con los selectores CSS, los elementos HTML pueden ser fácilmente encontrados y seleccionados basados en su nombre, ID, atributo, y más.

15. ¿En CSS3, cuál es el propósito de la agrupación?

La agrupación permite a los usuarios reutilizar y aplicar el mismo elemento de estilo CSS a varios elementos HTML con una declaración.

16. ¿En CSS, cuál es el propósito de un selector de clase?

Un selector de clase selecciona una declaración y cambia su estilo en la parte relacionada de la etiqueta HTML.

En CSS, los selectores de clase comienzan con un punto (".") seguido del nombre de la clase.

17. ¿En CSS3, cuál es el propósito de Webkit?

CSS incluye un componente de software llamado Webkit, que permite que los elementos HTML y CSS sean renderizados en una variedad de navegadores, incluyendo Firefox, Safari y Chrome.

Existen múltiples motores para los navegadores, por ejemplo:

• Edge para Internet Explorer

• Gecko para Mozilla

• Presto para Opera

14 preguntas intermedias de entrevista a desarrolladores web

A continuación, encontrarás 14 preguntas de entrevista a desarrolladores web dirigidas a candidatos que ya tienen algo de experiencia pero aún no son desarrolladores senior. Utiliza nuestros ejemplos de respuestas para evaluar sus conocimientos y experiencia.

1. ¿De qué manera facilita CSS3 la implementación de bordes redondeados?

Con CSS3, se pueden crear elementos con esquinas redondeadas de aspecto atractivo utilizando la propiedad. Puede aplicarse a los cuatro lados o según tus necesidades.

Tiene cuatro atributos:

• border-top-left-radius

• border-top-right-radius

• border-bottom-left-radius

• border-bottom-right-radius

2. ¿Qué es la paginación y cómo funciona?

La paginación de un sitio web es una simple secuencia de páginas. Los usuarios pueden ver contenido similar en estas páginas porque están interconectadas.

Por ejemplo, un sitio web de comercio electrónico podría contar con un selector de página que permite a los usuarios navegar varias páginas simultáneamente en lugar de desplazarse hacia arriba y hacia abajo en la misma página.

3. ¿De qué componentes está compuesto el modelo de caja CSS?

Un modelo de caja CSS representa una entidad que retiene todo el contenido HTML en un cuadro o un elemento de botón.

Hay cuatro componentes:

1. Contenido: El contenido real mostrado

2. Borde: El relleno y el contenido alrededor del borde

3. Relleno: El espacio vacío alrededor de un elemento

4. Margen: La capa superior del elemento de caja

4. ¿En CSS3, cuáles son algunas de las propiedades de las transiciones?

Los usuarios pueden crear efectos de animación de manera rápida y eficiente con las transiciones de CSS3

Existen cuatro propiedades principales de las transiciones:

• transition-delay

• transition-timing-function

• transition-property

• transition-duration

5. ¿En CSS, cuál es el propósito de las pseudo-clases?

En CSS, las pseudoclases se utilizan para cambiar el estilo de un elemento cuando cambia su estado.

Las pseudoclases se pueden utilizar de varias formas, como por ejemplo:

• Animaciones fuera de foco

• El cambio de estilo cuando el ratón pasa por encima del elemento

• Proporcionar estilos para enlaces externos

6. ¿Cuál es el propósito de las consultas de medios en CSS3?

En CSS, las consultas de medios definen estilos que son responsivos a diferentes tamaños y formas de ventana de visualización.

Se pueden ajustar las siguientes entidades:

• Altura

• Anchura

• Orientación

• Resolución

7. ¿Cuál es el propósito de float en CSS?

En CSS, float controla la posición y el diseño de un elemento en una página web. Dependiendo de los requisitos, puede colocar cualquier elemento en la página web.

8. En CSS, ¿qué es el z-index?

En CSS, el z-index determina el orden de los elementos en una página. La jerarquía se basa en índices de orden, donde un elemento de orden superior aparece antes que un elemento de orden inferior.

Solo se aplica a los elementos posicionados, es decir, aquellos elementos con el atributo de posición obligatorio.

9. ¿Cuáles son las ventajas de las hojas de estilo externas?

Hay varias ventajas de usar hojas de estilo externas, tales como:

• No hay límite en el número de veces que se puede reutilizar una clase

• Los estilos se pueden aplicar fácilmente usando selectores y agrupaciones

• Un archivo puede controlar el estilo de varios documentos

10. ¿En el desarrollo web, ¿qué es el sondeo largo?

El sondeo largo es un patrón que los desarrolladores utilizan para simular una operación de envío de datos desde un servidor a una máquina cliente.

Durante el sondeo largo, los datos se envían desde el servidor al cliente. La desconexión solo ocurrirá si se cumplen los criterios de tiempo de espera o si los datos se han enviado al cliente.

11. ¿Puedes mencionar algunas tecnologías de desarrollo web que conozcas?

Un desarrollador web experimentado tendrá un sólido conocimiento de las siguientes tecnologías:

• JavaScript

• HTML

• PHP

• CSS

• SQL

• Python

Busca candidatos que puedan darte ejemplos específicos de su experiencia con cada una de estas tecnologías.

12. ¿En qué se diferencian las cookies y el almacenamiento local?

Con las cookies, tanto el cliente como el servidor tienen acceso a los datos de la cookie, y los datos se eliminan después de la fecha de vencimiento. Con el almacenamiento local, las máquinas del lado del cliente almacenan datos localmente en sus navegadores, y los datos nunca caducan (a menos que se eliminen manualmente).

13. ¿En qué se diferencian XHTML y HTML?

Con XHTML, las etiquetas deben ir en minúsculas y cerrarse una vez abiertas. Además, los atributos deben ir entre comillas dobles. Con HTML, las etiquetas no distinguen entre mayúsculas y minúsculas y pueden ser abiertas. Además, se pueden utilizar atributos sin comillas.

14. En JavaScript, ¿qué tipos de datos existen?

JavaScript admite los siguientes tipos de datos:

• Booleano

• Función

• Número

• Nulo

• Objeto

• String

• Indefinido

15 preguntas avanzadas de entrevista a desarrolladores web senior

Aquí encontrarás 15 preguntas avanzadas para entrevistar a desarrolladores web y evaluar a candidatos senior con más de 3-5 años de experiencia en el puesto. También hemos incluido ejemplos de respuestas para ayudarte a evaluar sus respuestas.

1. ¿Qué tipos de ventanas emergentes están disponibles en JavaScript?

JavaScript dispone de tres tipos de cuadros de diálogo:

• Alert, que muestra un mensaje con un botón 'OK'

• Confirmar, que muestra una ventana con botones ''OK'' y ''Cancelar''

• Prompt, que muestra la información introducida por el usuario junto a los botones ''OK'' y ''Cancelar''

2. ¿En qué se diferencian window.onload y onDocumentReady?

El evento window.onload no se activa hasta que se haya cargado toda la página con todo su estilo CSS e imágenes. Esto ocasiona un ligero retraso en la renderización de la página web como resultado.

Con el evento onDocumentReady, la acción del evento comenzará solo después de que se inicialice el DOM (modelo de objetos de documentos). Como resultado, se reducen los retrasos en las acciones.

3. En JavaScript, ¿cómo se manejan las conversiones de tipos?

JavaScript admite la conversión automática de tipos. Puedes pasar fácilmente una función a otra función ya que es de tipado débil.

Como los valores se convierten automáticamente al tipo de datos requerido, no se producen errores ni advertencias.

4. En JavaScript, ¿qué significa el ámbito de una variable?

El ámbito describe qué tan accesibles son las funciones y variables en el entorno en ejecución. JavaScript admite dos ámbitos:

• Ámbito local: Los valores y funciones declarados dentro de la misma función solo pueden ser accedidos dentro de esa función

• Ámbito global: Cuando una variable se declara global, es accesible en todas partes de la aplicación

5. ¿Cuál es el propósito de los comentarios en JavaScript?

JavaScript admite dos tipos de inserción de comentarios en el código:

• Comentario de una sola línea: "//" inserta comentarios de una sola línea

• Comentario de varias líneas: "/* */" añade comentarios de varias líneas

6. En JavaScript, ¿por qué se utiliza con tanta frecuencia la palabra clave ''this''?

Se utiliza la palabra clave "this" para acceder al objeto actual presente en un programa. Este objeto existe dentro de un método y se utiliza para hacer referencia a la variable correspondiente o al objeto.

7. ¿Cómo funciona el atributo de JavaScript?

El atributo es un atributo booleano que retrasa la ejecución del código JavaScript hasta que la página ha sido cargada e inicializada por el analizador.

8. En JavaScript, ¿qué son las variables indefinidas y no declaradas?

Las variables indefinidas son variables que ya han sido declaradas pero no inicializadas.

Por el contrario, las variables no declaradas son variables que no han sido declaradas y están siendo utilizadas en un programa.

9. En una aplicación web, ¿cómo priorizas el mantenimiento, el desempeño, el SEO y la seguridad?

Diferentes organizaciones asignarán diferentes niveles de importancia a cada uno de estos factores y encontrar el equilibrio adecuado entre ellos es una habilidad crucial para los desarrolladores web exitosos.

Por ejemplo, las empresas que tienen grandes bases de datos de información de clientes pueden priorizar la seguridad sobre el SEO, mientras que las startups recién fundadas pueden priorizar el SEO y el rendimiento para atraer a sus primeros clientes.

Con esta pregunta, estás tratando de evaluar la comprensión de tus candidatos sobre los objetivos de tu empresa y si han realizado algunas investigaciones previas antes de la entrevista.

10. Si un controlador de eventos de jQuery devuelve false, ¿qué sucede?

Si un controlador de eventos jQuery devuelve un valor booleano false, el evento no continuará ejecutándose. La acción a la que está asociado se detendrá.

11. En jQuery, ¿qué hace la función each()?

jQuery utiliza la función each() para iterar sobre un conjunto de elementos. Es posible pasar una función al método each(). Como resultado, se ejecutará cada evento para el que se haya llamado al objeto.

12. ¿Sabes qué es la programación en pareja?

Durante la programación en parejas, trabajarás estrechamente con un compañero para resolver problemas juntos. Esta es una excelente pregunta para ver si tus candidatos están acostumbrados a trabajar con otros en estrecha proximidad.

13. En jQuery, ¿cuál es el propósito de la función $()?

En jQuery, la función $() envuelve objetos en sus contrapartes jQuery. De esta forma, los usuarios pueden llamar a cualquier método definido para el objeto jQuery.

También se pueden pasar selectores a la función $(). Como resultado, se genera un objeto jQuery que contiene los elementos DOM correspondientes.

14. ¿Cuáles son los beneficios de usar una Red de Entrega de Contenidos (CDN) al usar jQuery?

Los beneficios de usar un CDN son:

• Reducción significativa de la carga del servidor

• Ahorro sustancial de ancho de banda

• Tiempos de carga más rápidos gracias a las optimizaciones en los frameworks de jQuery

• Tiempos de carga más rápidos debido al almacenamiento en caché del CDN

15. En jQuery, ¿qué tipos de CDNs son compatibles?

En jQuery, se admiten dos CDN:

• Microsoft: Carga desde jQuery AJAX CDN

• Google: Loads jQuery from the Google Libraries API

Contrata a los mejores desarrolladores web haciendo las preguntas correctas

El diseño web tiene un gran impacto en la credibilidad de la empresa. Por eso debes atraer a los mejores desarrolladores web que tengan las habilidades y el conocimiento adecuados para ayudar a tu organización a alcanzar sus objetivos, y que comprendan perfectamente las responsabilidades y obligaciones de los desarrolladores web.

Hacer las preguntas correctas en una entrevista de desarrollo web puede ayudarte a identificar a los mejores candidatos. Hemos proporcionado una lista completa arriba para ayudarte a prepararte para las entrevistas con tus candidatos.

Sin embargo, antes de realizar las entrevistas, te recomendamos que utilices una plataforma online de pruebas de habilidades. De esta manera, harás que tu proceso de contratación sea más objetivo y justo al evaluar la experiencia de tus candidatos en lugar de evaluar sus currículums.

Las pruebas de habilidades también le ayudan a ahorrar tiempo y dinero al permitirte concentrarte solo en tus mejores candidatos y descalificar rápidamente a aquellos que simplemente no tienen las habilidades adecuadas para el puesto.

Para obtener los mejores resultados, utiliza pruebas basadas en lenguajes específicas para los lenguajes de programación que utiliza tu empresa, como nuestra prueba de Gatsby.js o nuestra prueba de HTML5 para contratar a un desarrollador de Gatsby o a un experto en HTML, respectivamente.

Luego, combina estas pruebas de "habilidades duras" con pruebas de habilidades blandas. Recuerda que la capacidad de un candidato para resolver problemas y mantenerse motivado puede ser a menudo más importante que sus habilidades técnicas, que podrían adquirirse en el trabajo. En este caso, puedes utilizar nuestras pruebas de Resolución de Problemas y Motivación, por nombrar algunas.

Acelera la contratación de desarrolladores web talentosos con TestGorilla como tu aliado en la evaluación de habilidades en línea. Regístrate gratis hoy mismo