75 preguntas de entrevista sobre front-end para contratar a desarrolladores profesionales

Elegir el método de evaluación de candidatos adecuado es fundamental si estás contratando a un desarrollador front-end para tu equipo, pero el proceso puede ser complejo y llevar mucho tiempo. Algunos métodos no son fiables, como ela evaluación de currículums: necesitas una estrategia que te ayude a encontrar al desarrollador front-end adecuado para tu equipo y evitar contrataciones erróneas.

¿Y si te dijéramos que hay dos métodos que pueden ayudarte a lograr precisamente eso?

La evaluación de habilidades mediante pruebas de habilidades de programación y las entrevistas a desarrolladores front-end te ayudarán a encontrar a los mejores candidatos.

La segunda estrategia, entrevistar a desarrolladores front-end, requiere que encuentres las preguntas sobre front-end adecuadas antes de la entrevista.

Pero no entres en pánico. Hemos reunido 75 preguntas de entrevista adecuadas tanto para candidatos junior como senior y preguntas técnicas relacionadas con Git y habilidades front-end esenciales. Crea tu propia lista con nuestras preguntas a continuación.

20 preguntas de entrevista para principiantes sobre front-end para candidatos junior

Estas 20 preguntas de entrevista para principiantes sobre front-end son ideales para evaluar a candidatos junior. Hazles a tus candidatos algunas de las preguntas de esta sección para evaluar su conocimiento de desarrollo front-end.

1. Explica qué son las metaetiquetas (meta tags) en HTML.

2. Mencione tres elementos básicos de diseño.

3. ¿Qué habilidades son importantes para el trabajo de desarrollador front-end?

4. Explique qué significa balanceo de carga.

5. Explique qué significa NPM.

6. Dígame qué entiende por scope (alcance) en JavaScript.

7. ¿Cuál es la diferencia principal entre jQuery y JavaScript?

8. Dígame lo que sabe sobre la política de seguridad de contenido.

9. Defina cross-site scripting.

10. Explique qué significa diseño centrado en el usuario,

11. ¿Qué entiende por callbacks en JavaScript?

12. ¿Qué entiende por polimorfismo?

13. ¿Puede explicar qué significa el principio KISS?

14. ¿Puede explicar qué significan las siglas SOLID?

15. Dígame lo que entiende por clickjacking.

16. ¿Entiende lo que significa coerción en JavaScript? Por favor, proporcione una definición.

17. Explique qué significa IIFE.

18. Dígame lo que entiende sobre los sistemas de cuadrícula (grid) en CSS.

19. Explique qué es un mixin.

20. Mencione tres métodos para disminuir el tiempo de carga de una página.

5 preguntas de entrevista para principiantes sobre front-end y respuestas

Consulta estos cinco ejemplos de respuestas para algunas preguntas cruciales de entrevista para principiantes sobre front-end en esta sección para comprobar la precisión de las respuestas de tus candidatos.

1. ¿Qué habilidades son importantes para trabajar como desarrollador front-end?

Hay varias habilidades importantes para trabajar como desarrollador front-end. Desde el conocimiento de HTML a CSS y JavaScript, muchas habilidades técnicas pueden ayudar a los desarrolladores front-end a crear diseños web y producir páginas web bien estructuradas.

Las habilidades de HTML ayudan a los desarrolladores front-end a estructurar el sitio web, y las de CSS facilitan el diseño de la disposición. Por su parte, el dominio del lenguaje de programación JavaScript les permite a los desarrolladores volver los elementos de una página web dinámicos.

El conocimiento de estos lenguajes es crucial para cualquier puesto que implique desarrollo front-end: el 23% de los managers de proyectos de sitios web incluyen en su currículum habilidades de HTML; y el 17%, de JavaScript. Sin embargo, también son importantes otras habilidades.

Nuestras pruebas de HTML, CSS y JavaScript son un método de evaluación rápido y sencillo para evaluar con mayor profundidad las habilidades de HTML, CSS y JavaScript de tus candidatos. Échale un vistazo a estas pruebas para conocer las subhabilidades que evalúan, o prueba nuestra prueba de JavaScript con un plan gratuito.

2. Mencione tres elementos básicos de diseño.

Los candidatos deben comprender los tres elementos básicos de diseño siguientes:

• Tamaño: la cantidad de espacio que ocupa una forma.

• Textura: la textura de la superficie de la forma (que puede ser lisa, dura o blanda).

• Color: el color del objeto, que incorpora valores, matices e intensidad.

3. ¿Entiende lo que significa coerción en JavaScript? Proporcione una definición.

Para comprobar el conocimiento de los candidatos a desarrollador front-end de nivel básico, considera si pueden definir la coerción en JavaScript. Los candidatos competentes entenderán que la coerción consiste en convertir un valor de un tipo de datos a otro durante el tiempo de ejecución.

También pueden mencionar dos formas de coerción en JavaScript: explícita e implícita.

La coerción implícita se produce cuando JavaScript convierte automáticamente un tipo de datos en otro tipo en función del contexto en el que se utiliza. La coerción explícita se produce cuando un desarrollador convierte explícitamente un valor de un tipo de datos a otro utilizando los operadores o funciones incorporados del lenguaje.

4. Mencione tres métodos para reducir el tiempo de carga de una página.

Los candidatos con un conocimiento básico de desarrollador front-end deberían saber por experiencia cómo reducir el tiempo de carga de una página. Considera si pueden mencionar tres métodos para mejorar la velocidad de carga de una página. A continuación, se indican algunas técnicas que pueden mencionar:

• Optimización de imágenes

• Compresión de contenido

• Colocación del código CSS y JavaScript en archivos externos

Asegurarse de que los candidatos tienen este conocimiento y estas habilidades es importante, dado que casi el 70% de los consumidores dicen que la velocidad de la página afecta a su disposición a comprar productos de los minoristas.

5. Dígame lo que entiende sobre los sistemas de cuadrícula (grid) en CSS.

Un sistema de cuadrícula en CSS es una estructura que los desarrolladores front-end utilizan para organizar el contenido horizontal o verticalmente en una página. Los sistemas de cuadrícula reducen la complejidad de organizar el contenido de forma coherente y cuentan con dos componentes clave: columnas y filas.

Pon a prueba el conocimiento de CSS de tus candidatos y determina si entienden perfectamente cómo funciona este lenguaje con nuestra prueba de habilidades de CSS.

5 preguntas de entrevista avanzadas sobre front-end y respuestas para evaluar a los candidatos senior

Si estás buscando desarrolladores front-end senior, estas preguntas de entrevista avanzadas sobre front-end son ideales para evaluar su conocimiento. Échale un vistazo a las respuestas a continuación para evaluar la precisión de las respuestas de tus candidatos.

1. Mencione los cuatro elementos del modelo de caja de CSS.

Los candidatos senior que tengan experiencia con CSS deberían entender el modelo de caja de CSS. Pueden responder explicando que el modelo de caja de CSS ayuda a los desarrolladores a crear diseños complejos y mencionar los cuatro elementos del modelo de caja de CSS que se enumeran a continuación:

• Contenido

• Relleno (padding)

• Bordes (border)

• Márgenes (margin)

2. ¿Tiene srcset alguna ventaja? Mencione una.

srcset es un atributo HTML que especifica un conjunto de URL de imágenes con diferentes tamaños y resoluciones. Esto le permite al navegador determinar qué fuente de imagen es la más adecuada en función de factores como el tamaño de la pantalla del usuario o la densidad de píxeles.

Una de las ventajas de srcset es que aumenta el rendimiento y reduce los tiempos de carga al mostrar imágenes con el tamaño adecuado para el dispositivo del usuario.

3. Explique qué es JSON.stringify() en JavaScript.

Los candidatos deben saber que los desarrolladores front-end utilizan la función JSON.stringify() para convertir valores JavaScript en cadenas JSON. Esto les permite enviar y recibir estos objetos más fácilmente. Esto es particularmente importante cuando se envían datos a un servidor web, ya que los datos deben transmitirse como una cadena.

4. ¿Ha utilizado MySQL en su carrera? Explique qué es MySQL.

Si los candidatos han utilizado MySQL, sabrán que es un sistema de gestión de bases de datos relacionales (RDBMS) que utiliza el lenguaje de programación SQL. También sabrán que MySQL utiliza una estructura de tablas y que es el RDBMS de código abierto más adoptado.

5. ¿Ha utilizado MongoDB en su trabajo? Explique qué es MongoDB.

Los candidatos con experiencia en MongoDB entenderán que esta aplicación de base de datos NoSQL representa elementos de datos utilizando un formato orientado a documentos llamado BSON (JSON binario). También pueden mencionar que los programadores utilizan el lenguaje de consulta MongoDB para realizar cambios en MongoDB.

19 preguntas de entrevista sobre front-end acerca del control de versiones de Git

Para evaluar el conocimiento de control de versiones de Git de tus candidatos, hazles estas 19 preguntas de entrevista sobre front-end.

1. Dígame qué entiende sobre los sistemas de control de versiones.

2. ¿Cuál es la diferencia entre sistemas de control de versiones centralizados y distribuidos?

3. ¿Qué significa git push?

4. ¿Qué significa git pull?

5. Explique qué hace el comando git config.

6. Explique qué hace el comando git init.

7. Explique qué hace el comando git add.

8. Explique qué hace el comando git diff.

9. Explique qué hace el comando git commit.

10. Explique qué hace el comando git reset.

11. Explique qué hace el comando git status.

12. Explique qué hace el comando comando git merge.

13. ¿Qué hace el comando git pull?

14. ¿Qué hace el comando git fetch?

15. ¿En qué se diferencia git pull de git fetch?

16. Explique qué es un conflicto de fusión en Git.

17. ¿Cómo resolvería un conflicto de fusión en Git?

18. Dígame lo que sabe sobre git stash.

19. ¿En qué se diferencia git merge de git rebase?

5 preguntas de entrevista sobre front-end acerca de Git y respuestas

Si necesitas evaluar las respuestas de tu candidato a las preguntas de entrevista más importantes sobre front-end acerca de Git, échale un vistazo a los ejemplos de respuestas que te ofrecemos aquí.

1. Dígame qué entiende por sistemas de control de versiones.

Los programadores pueden utilizar un sistema de control de versiones para gestionar los cambios en archivos o conjuntos de datos o para restaurar los datos a una versión anterior. Estos sistemas también garantizan que todo el equipo de programación utilice la versión más reciente del archivo o conjunto de datos.

Los candidatos que respondan a esta pregunta deben saber que los sistemas de control de versiones son ampliamente utilizados por los equipos de desarrollo: el 93% de los desarrolladores utilizan Git para gestionar archivos y conjuntos de datos.

Para evaluar el conocimiento de Git de tus candidatos, puedes utilizar nuestra prueba de habilidades de Git, disponible en nuestro catálogo de pruebas de habilidades.

2. ¿Cuál es la diferencia entre los sistemas de control de versiones centralizados y distribuidos?

Hazles esta pregunta a los candidatos para poner a prueba su conocimiento sobre los sistemas de control de versiones.

Cuando se utilizan sistemas de control de versiones centralizados, los desarrolladores envían los cambios a un repositorio central. Suelen ser más sencillos de entender y utilizar que los sistemas de control de versiones distribuidos. Sin embargo, si los desarrolladores pierden el acceso al repositorio central o este se corrompe, dejará de ser utilizable.

Por otro lado, cuando se utiliza un sistema de control de versiones distribuido, cada desarrollador tiene una copia del repositorio. En este enfoque más nuevo, la copia local de cada miembro del equipo puede utilizarse como copia de seguridad. También pueden trabajar de manera independiente en su copia y confirmar sus cambios sin necesidad de acceder al servidor central.

3. ¿Qué significa git push?

Para determinar si tus candidatos a desarrollador front-end tienen suficiente conocimiento de Git, hazles esta pregunta de entrevista sencilla sobre front-end.

Los candidatos con experiencia en Git sabrán que git push es un comando que los desarrolladores utilizan para enviar contenidos a un repositorio remoto. También pueden explicar que la sintaxis requerida para git push es

$ git push

4. ¿Qué significa git pull?

Los programadores usan el comando git pull para extraer cambios de un repositorio remoto y fusionarlos con su copia local. Esto implica primero obtener los últimos cambios del repositorio remoto y luego fusionar esos cambios en su rama actual.

5. Explique qué hace comando git config.

Los candidatos deben saber que los desarrolladores utilizan git config para personalizar el funcionamiento y el aspecto de Git. En otras palabras, este potente comando les permite a los desarrolladores realizar cambios en los ajustes de configuración de Git.

31 preguntas de entrevista sobre front-end acerca de HTML, CSS, React.js y JavaScript

Hazles a los entrevistados algunas de estas 31 preguntas de entrevista sobre front-end acerca de HTML, CSS, React.js y JavaScript para poner a prueba su conocimiento técnico.

1. Explique qué es un atributo en HTML.

2. Explique qué es una marquesina (marquee) en HTML. ¿Hay alguna alternativa mejor?

3. Defina HTML semántico.

4. ¿Cómo funciona el HTML semántico?

5. Explique cómo mostraría una tabla en una página web con HTML.

6. ¿Qué entiende por SVG en HTML?

7. ¿Qué método utilizaría para separar secciones de texto en HTML?

8. ¿Qué subhabilidades de React.js son importantes para los desarrolladores front-end?

9. ¿Cómo incluiría estilos CSS en un documento HTML?

10. ¿Qué entiende sobre la propiedad box-sizing en CSS?

11. ¿Qué método utilizaría para ocultar elementos utilizando CSS?

12. Explique qué son los sprites en CSS.

13. Mencione tres tipos de datos que acepta JavaScript.

14. Dígame lo que sabe sobre las cookies en JavaScript.

15. Explique qué son los cierres (closure) en JavaScript.

16. Explique qué son las exportaciones e importaciones en JavaScript.

17. Explique qué son las variables indefinidas en JavaScript.

18. Explique qué son las variables no declaradas en JavaScript.

19. ¿Qué método utilizaría para eliminar duplicados de matrices en JavaScript?

20. Explique qué es JSC.

21. ¿Cómo se relaciona el DOM virtual con React.js?

22. Explique qué son las extensiones de React.

23. Dígame qué entiende por eventos en React.

24. Explique qué son los componentes en React.js.

25. Explique qué son los estados en React.

26. ¿Cómo implementaría los estados en React.js?

27. Mencione tres subhabilidades importantes de JavaScript para desarrolladores front-end.

28. Describa qué son los componentes de orden superior en React.js.

29. Describa qué son los componentes puros en React.js.

30. ¿Qué método utilizaría para implementar el enrutamiento en React?

31. Explique qué significa null en JavaScript.

5 preguntas de entrevista importantes sobre front-end acerca de HTML, CSS, React.js y JavaScript y respuestas

Échale un vistazo a los siguientes ejemplos de respuestas para estas preguntas de entrevista importantes sobre front-end acerca de HTML, CSS, React.js y JavaScript para evaluar el conocimiento de tus candidatos.

1. ¿Qué subhabilidades de React.js son importantes para los desarrolladores front-end?

Los desarrolladores front-end necesitan varias subhabilidades para utilizar la biblioteca React.js, desde la comprensión de los patrones de diseño hasta los ganchos de React, la gestión de estados y los conceptos avanzados de React.js.

Para crear sitios web o aplicaciones con componentes dinámicos, los candidatos también deben comprender cómo React.js facilita el proceso. Por lo tanto, debes hacer preguntas de seguimiento para determinar si los candidatos entienden por qué React.js es importante.

Si necesitas datos estadísticos para evaluar las habilidades de tus candidatos en React.js, nuestra prueba en línea de React es la mejor opción. Te ayudará a evaluar las subhabilidades críticas de React.js necesarias para completar proyectos front-end complejos.

2. Mencione tres subhabilidades de JavaScript importantes para los desarrolladores front-end.

Los desarrolladores front-end necesitan varias subhabilidades de JavaScript para añadir características funcionales a los sitios web.

Los candidatos familiarizados con JavaScript sabrán que la programación funcional, la escritura de código entre navegadores y la gestión de memoria son algunas de las subhabilidades que benefician a los desarrolladores front-end. Presta atención a las respuestas que expliquen por qué son importantes estas habilidades.

Por ejemplo, los candidatos pueden explicar que la programación funcional ayuda a los desarrolladores front-end a evitar la mutación de datos y los efectos secundarios.

3. ¿Qué método utilizaría para separar secciones de texto en HTML?

Esta pregunta es relativamente sencilla. La mayoría de los candidatos entenderán que los desarrolladores front-end utilizan etiquetas HTML para dividir secciones de texto y pueden mencionar tres ejemplos de etiquetas que utilizarían.

Por ejemplo, la etiqueta <br></br> divide líneas de texto, la etiqueta indica citas largas, y la etiqueta crea párrafos de texto.

4. ¿Qué entiende sobre la propiedad box-sizing en CSS?

Los candidatos deben responder a esta pregunta explicando que la propiedad box-sizing define cómo se calculan la anchura y la altura de un elemento.

También pueden describir cómo los posibles valores de esta propiedad cambian el comportamiento de box-sizing. Establecer el valor de box-sizing a content-box especifica que la anchura y la altura del elemento deben calcularse basándose únicamente en su caja de contenido, sin el relleno, el borde o el margen.

Sin embargo, establecer el valor a border-box indica que la anchura y la altura del elemento deben incluir el relleno y el borde.

5. ¿Qué método utilizaría para eliminar duplicados de matrices en JavaScript?

Un método que los desarrolladores front-end pueden utilizar para eliminar duplicados de matrices en JavaScript es la técnica de filtrado. Esta técnica consiste en utilizar tres argumentos para llamar a la función filter() para crear una nueva matriz que no contenga duplicados.

Otros pueden preferir utilizar un bucle for para almacenar solo los elementos únicos en una matriz vacía.

¿Cuál es el mejor momento para utilizar preguntas de entrevista sobre front-end en el proceso de contratación?

Las entrevistas, incluyendo las entrevistas técnicas o personales, se realizan mejor después de las pruebas de habilidades y antes de que decidas contratar a un candidato.

Es más eficaz utilizar las pruebas previas al empleo para crear una preselección de los mejores candidatos a desarrollador front-end antes de la fase de entrevista: solo toma unos segundos para recibir los resultados de las pruebas de habilidades y comprobar las estadísticas.

Utiliza los datos estadísticos generados por la evaluación de habilidades y las respuestas de tus candidatos a las preguntas de entrevista cuando hayas completado las entrevistas. Estos datos te ayudarán a tomar una decisión de contratación informada y exitosa.

Evalúa el conocimiento de los desarrolladores con preguntas de entrevista sobre front-end

Las preguntas de entrevista sobre front-end y las pruebas de habilidades son las estrategias ideales para encontrar desarrolladores con el conocimiento adecuado. Si eres un profesional de Recursos Humanos para una organización de desarrollo de software y no tienes el conocimiento técnico para evaluar a los candidatos a desarrollador front-end, utiliza pruebas de habilidades como nuestra prueba de jQuery para evaluar sus capacidades primero.

Contrata a desarrolladores de software que se ajusten a tu negocio. Prueba TestGorilla de manera gratuita y utiliza nuestras pruebas de habilidades para evaluar a tus candidatos de forma sencilla.