Hemos pedido a Marat Zimnurov, ingeniero en jefe de front-end en EPAM Anywhere y entrevistador técnico, que comparta su opinión sobre las preguntas más habituales en las entrevistas a desarrolladores de front-end.
El papel del front-end tiene un impacto significativo en el producto final. Por eso es crucial que los entrevistadores formulen preguntas que determinen si el candidato encaja en el proyecto. Y para los entrevistados, es esencial mostrar la experiencia y los conocimientos adquiridos en sus proyectos anteriores.
Esta tarea es más fácil si se aprende cuáles son las preguntas más populares antes de aplicar para trabajos de desarrollador front-end remoto.
¿Qué esperar al comienzo de la entrevista?
Normalmente, cuando se realizan preguntas de entrevista en EPAM Anywhere, el entrevistador te dará de 3 y 5 minutos para hablar de ti mismo y de tu experiencia con JavaScript, por lo que es importante que seas claro y conciso, para no entrar en detalles innecesarios. La mejor autopresentación incluye:
- Posición actual
- Empresa actual, tamaño y composición del equipo
- Años de experiencia y anteriores empleadores
- El grupo con el que trabaja
- País de residencia y zona horaria
- Nivel de inglés
Preguntas habituales en las entrevistas a desarrolladores front-end
¿Cuál es su experiencia con el código JavaScript?
En las páginas de internet y aplicaciones web modernas, el desarrollo front-end es mucho más que la creación de interfaces de usuario; también consiste en implementar el HTML5. Sin unos conocimientos sólidos de JavaScript asíncrono en particular, o de JavaScript en general, tendrás problemas para entender algunos potenciales usos de las API's de HTML5 como Web Workers, WebSocket, WebRTC e IndexedDB.
Y lo que es más importante, los ingenieros con escasos conocimientos de JavaScript, CSS y HTML suelen escribir código sin escalabilidad. Así que, mientras te preparas para la entrevista de desarrollador front-end, asegúrate de conocer las respuestas a las preguntas siguientes, tanto si trabajas con JavaScript como si te entrevistan para una empresa que esté contratando desarrolladores con conocimientos en React.JS, por ejemplo.
Ejemplos de preguntas:
- Explique la diferencia entre funciones síncronas y asíncronas.
- ¿Por qué Fetch es la forma preferida de enviar una solicitud de red a través del navegador web?
- Si el navegador encuentra el HTML mal estructurado, ¿qué puede ocurrir?
- ¿Existe otra opción, además de las llamadas "Promises" explícitas, para manejar código asíncrono en JavaScript?
- Explique la función y la sintaxis del método forEach() del array.
- Explique la función y la sintaxis del método bind().
- ¿Existe alguna forma de evitar que se produzca un evento?
- ¿Cómo se define el bucle de eventos en el motor JavaScript?
- ¿Cómo funcionan las "callbacks" en JavaScript?
- ¿Has trabajado activamente con jQuery u otras librerías JS?
- ¿Qué patrones de diseño conoces?
¿Conoces ECMAScript?
ECMAScript es el nombre oficial del lenguaje estandarizado por la ECMA (European Computer Manufacturers Association), que es el organismo que define la especificación del lenguaje. Es el estándar que utilizan todos los proveedores de navegadores para que los motores JavaScript de sus navegadores sean compatibles.
Asegúrate de que conoces las diferencias entre las funciones de flecha y las funciones tradicionales. Además, es posible que el entrevistador te haga diferentes preguntas sobre los módulos y las clases de ECMAScript.
Ejemplos de preguntas:
- ¿Cuáles son las diferencias entre las funciones de flecha y las expresiones de función?
- ¿Existen estructuras lingüísticas que apliquen el modo estricto por defecto?
¿Puedes describir lo esencial de TypeScript?
TypeScript es un superconjunto de JavaScript que contiene un único compilador de código abierto. Está desarrollado principalmente por un único proveedor: Microsoft. TypeScript tiene como objetivo ayudar a detectar rápidamente errores a través de sistemas de tipos y hacer que el desarrollo de JavaScript sea más eficiente.
Antes de la entrevista, asegúrate de que sabes para qué sirve la tipificación y de que entiendes los genéricos y las estructuras de datos de TypeScript. Estas preguntas son habituales en las entrevistas para desarrolladores front-end de todos los niveles, desde junior hasta senior.
Ejemplos de preguntas:
- ¿Es la tipificación estática más rápida que la dinámica?
- ¿Cuál es la diferencia entre "Type" y una interfaz en TypeScript?
- ¿Cuál es la diferencia entre "Unknown", "Any" y "Never" en TypeScript?
- ¿Cuáles son las cinco estructuras de datos clave?
- ¿Cuáles son las ventajas y los inconvenientes de la generalización?
¿Sabes escribir consultas en SQL?
Los ingenieros de software deben saber SQL básico. No es necesario que sepan de optimización, rendimiento, configuración de bases de datos u otras áreas complicadas, pero deben ser capaces de escribir consultas en SQL.
Es esencial conocer al menos las funciones básicas "SELECT", "INSERT", "DELETE" y "UPDATE" y entender las bases de datos relacionales. Por eso, todas las entrevistas para desarrolladores front-end deberían incluir al menos una pregunta al respecto.
Conocer las bases de datos NoSQL es una ventaja adicional, así que prepárate también para responder a algunas de las preguntas relacionadas.
Ejemplos de preguntas:
- ¿Qué tipos de vínculos son posibles en una base de datos relacional?
- ¿Cómo describiría el concepto de normalización de bases de datos a un NO desarrollador?
- ¿Cómo se almacenan los datos en una base de datos JSON?
¿Cómo funciona la API REST?
En cuanto a Node.js, es suficiente con saber cómo ejecutar un simple servidor que diga "Hola, mundo". Además, asegúrate de que entiendes cómo funcionan las API REST. Es crucial que los desarrolladores front-end tengan conocimientos básicos de API REST porque una solución sin descripción es poco frecuente.
Ejemplos de preguntas:
- ¿Cuál es la diferencia entre API y REST API?
¿Por qué necesitamos servicios de virtualización?
Para un desarrollador front-end es suficiente con saber por qué es necesario un servicio de virtualización (es decir, Docker) y cómo ejecutar sus aplicaciones web sobre el front-end o Node.js, o simplemente habilitar el servicio para la base de datos a través de Docker Compose. Las preguntas suelen cubrir apenas una familiaridad básica con esta tecnología.
Ejemplos de preguntas:
- ¿Qué es Docker y cómo puede ser útil para un desarrollador front-end?
¿Puede describir su proceso de trabajo en el uso de la terminal?
Bash, ZSH, OhMyZSH, o simplemente Shell todos son adecuados aquí. La idea es que usted tenga que navegar y entienda las características específicas de su sistema operativo. Deberás ser capaz de conectarte a un contenedor sin GUI, terminar el proceso, abrir un puerto, usar la base de datos CLI, trabajar con Git, actualizar paquetes, o al menos ser capaz de copiar-pegar y ejecutar el comando revert commit desde StackOverflow.
¿Puede nombrar los sistemas de control de versiones y sus diferencias?
Componente de la gestión de la configuración de software, el control de versiones, también conocido como control de revisiones o control de fuentes, es la gestión de cambios en documentos, programas informáticos, grandes sitios web y otras colecciones de información. Todo ingeniero debería saber cómo funciona Git y cuáles son sus comandos básicos.
Ejemplos de preguntas:
- ¿Cuál es la diferencia entre "Push" y "Pull" de Git?
- ¿Cuál es la diferencia entre Rebase y Merge en Git?
- ¿Cómo se comprimen los commits ya enviados?
- ¿Qué flujos de trabajo de ramificación para Git conoces?
- ¿Cómo se utiliza el sistema de control de versiones?
- ¿Con qué proveedores de sistemas de control de versiones has trabajado (GitHub, GitLab, BitBucket, Azure DevOps)?
¿Cómo se gestiona el desarrollo de software?
Los ingenieros deben conocer los fundamentos del ciclo de vida del desarrollo de software para crear programas de alta calidad y fáciles de usar. Lo que no sólo garantiza que el software se ha probado y perfeccionado, sino también que se han reducido los costes y la producción para una implementación satisfactoria. Este tema es especialmente importante en las entrevistas a desarrolladores senior.
Ejemplos de preguntas:
- ¿Cómo definiría Kanban?
- ¿Por qué los equipos ágiles necesitan reuniones diarias?
- ¿Qué son las reuniones de planificación, revisión y retrospectiva de sprints?
- ¿Para qué sirve la descomposición en programación?
¿Qué sistemas de seguimiento de tareas utiliza?
La gestión de tareas es un componente esencial de la gestión eficaz de proyectos y del éxito de las operaciones empresariales. Es importante tener experiencia trabajando con gestores de tareas y comprender su impacto en los proyectos. Durante la entrevista, no dudes en describir Jira, Trello, YouTrack, GitHub o cualquier otra herramienta de seguimiento de tareas.
Ejemplos de preguntas:
- ¿Qué herramientas de gestión de proyectos has utilizado?
¿Cómo se evalúan las tareas?
Los ingenieros deben conocer los términos básicos de la evaluación de tareas para estar en sintonía con los demás miembros del equipo. El entrevistador puede preguntar por su experiencia con la evaluación de tareas y si entiende los términos más básicos.
Ejemplos de preguntas:
- ¿Qué es la técnica "Poker" de planificación?
- ¿Cómo se definen los puntos de la historia?
¿Qué es la programación orientada a objetos?
La programación orientada a objetos (OPP) es un paradigma de programación fundamental que todo desarrollador front-end debe conocer. En tu entrevista, prepárate para responder a las siguientes preguntas.
Ejemplos de preguntas:
- ¿Qué es una clase en programación? ¿Puede dar un ejemplo?
- ¿Cuál es el beneficio de las interfaces?
- ¿Qué es la herencia en la programación orientada a objetos??
- ¿Qué se entiende por polimorfismo en la programación orientada a objetos (OPP)?
- ¿Por qué es importante la encapsulación en programación?
- ¿Por qué utilizamos la abstracción en programación?
- ¿Cuál es la diferencia entre una función y un constructor?
- ¿Cuál es la diferencia entre la herencia prototipo y la herencia clásica?
¿Qué es la programación funcional?
Es importante aprender sobre programación funcional, sus conceptos y cómo entrenar la mente para utilizar esas construcciones para resolver un problema. La programación funcional te enseña a pensar en las relaciones entre los datos en lugar de en un conjunto de instrucciones. Responde a estas preguntas durante la entrevista para demostrar que entiendes los conceptos básicos de la programación funcional.
Ejemplos de preguntas:
- ¿Qué significa cierre en programación?
- ¿Qué es una función de orden superior en programación funcional?
- ¿Qué son las funciones puras e impuras?
- ¿Qué es la idempotencia y dónde se utiliza?
- ¿Qué es una mónada en programación?
- ¿Cómo saber si una función es compuesta?
- ¿Cuándo se utiliza "Currying" en una función?
¿Con qué frameworks trabajas?
Los frameworks proporcionan una estructura en la que los ingenieros de software pueden construir programas para una plataforma específica. Los frameworks son necesarios cuando el código de una aplicación o programa parece tener ninguna estructura y una funcionalidad básica porque, como frameworks, orientan cómo se debe estructurar el código y cómo será ejecutado. Por eso los entrevistadores suelen mencionar los frameworks en preguntas de entrevista para desarrolladores front-end senior.
Ejemplos de preguntas:
- ¿Para qué se utiliza React?
- ¿Cuáles son las ventajas y desventajas de usar DOM virtual?
- ¿Es lo mismo TSX que JSX?
- ¿Cómo funcionan los props en React?
- ¿Qué son los "Hooks" en React?
- ¿Para qué se usa NextJS?
¿Cuál es tu experiencia con las herramientas de estilismo?
Como desarrolladores front-end, nuestro trabajo consiste en convertir los diseños en realidad a través del código para satisfacer a los usuarios finales. Para ello, es importante comprender y dominar el estilo y sus elementos, como las fuentes y las animaciones. En cuanto al estilo, las preguntas más habituales en las entrevistas a desarrolladores front-end versan sobre el modelo de caja en CSS, los frameworks de interfaz de usuario (UI), las hojas de estilo (Sass), las animaciones y los preprocesadores.
Ejemplos de preguntas:
- ¿Qué es más sensible, Grid o Flex?
- ¿Cuáles son los frameworks (UI) más populares?
- ¿Cuáles son las ventajas y los inconvenientes de utilizar preprocesadores CSS?
- Nombra selectores CSS comunes que utilizan la etiqueta div y su propósito.
¿Cómo se prueba una aplicación?
Algunos desarrolladores tienden a omitir las pruebas y prematuramente envian el código a los testers de control de calidad (QA) esperando a ver qué problemas encuentran. Esto crea un cuello de botella en el proceso, y los equipos se vuelven menos eficientes.
Lleva mucho tiempo ir de un lado a otro, enviar una funcionalidad, probarla, informar de un error, arreglarlo, volver a probarlo y repetir todo de nuevo. Por eso los entrevistadores suelen mencionar conceptos básicos de pruebas en las preguntas de las entrevistas técnicas a desarrolladores front-end.
Ejemplos de preguntas:
- ¿Qué software se utiliza para las pruebas manuales?
- ¿Qué son las pruebas unitarias y por qué son importantes?
- ¿Cuál es el objetivo principal de las pruebas de integración?
- ¿Qué son las pruebas E2E y por qué las necesitamos?
- ¿Cuál es la diferencia entre depurar en el navegador y en el IDE?
Reflexiones finales
Esperamos que estos consejos para la entrevista te hayan resultado útiles. Asegúrate de prepararte bien cuando se trate de tecnologías que sean tu fuerte.
Sin embargo, no tienes por qué ser bueno en todo. Durante una entrevista típica, también te pedirán que resuelvas algunos casos prácticos para demostrar tu capacidad de resolución de problemas, así que aprenderte las definiciones de memoria no es una buena idea. Familiarízate con las preguntas de las entrevistas para desarrolladores front-end teniendo en cuenta que no son más que una guía.
Buena suerte con la entrevista.
