Preparación por profesión
Entrevista de Desarrollador Frontend: preguntas y respuestas.
JavaScript, comportamiento del navegador, interfaces accesibles y rendimiento.
Preguntas
Preguntas técnicas para practicar en voz alta
- 01
¿Qué es un closure en JavaScript?
Un closure es una función junto con su entorno léxico. Conserva acceso a variables del scope donde se creó incluso después de que la función externa termine.
Leer el desglose completo - 02
¿Cómo funciona el event loop de JavaScript?
JavaScript ejecuta trabajo síncrono en una sola pila. Los callbacks de Promise se ejecutan como microtareas antes de la siguiente macrotarea, como un timer o evento de entrada, por lo que trabajo síncrono largo bloquea el renderizado.
Leer el desglose completo - 03
¿Qué es CORS y cómo lo depuras?
CORS es una política de seguridad del navegador: el servidor debe permitir explícitamente otro origen mediante cabeceras. No se resuelve en frontend; revisa origen, preflight, modo de credenciales y cabeceras del servidor.
Leer el desglose completo - 04
¿Cómo funciona el renderizado de React?
React vuelve a renderizar cuando cambia state, props o context consumido. El render calcula una nueva descripción de UI; React la reconcilia con el árbol previo y aplica solo cambios necesarios al DOM.
Leer el desglose completo - 05
¿Cómo funciona el estrechamiento de tipos en TypeScript?
TypeScript estrecha una unión tras comprobaciones de runtime como typeof, in, igualdad o tags discriminados. El estrechamiento es seguridad estática, así que la comprobación runtime debe reflejar datos reales.
Leer el desglose completo - 06
¿Cómo haces accesible una interfaz web?
La UI accesible empieza con HTML semántico y comportamiento de teclado. Usa controles nativos cuando sea posible, foco visible, etiquetas significativas, encabezados correctos y prueba con teclado y tecnología asistiva.
Leer el desglose completo - 07
¿Cómo funcionan las estrategias de caché del navegador?
La caché del navegador se controla con directivas HTTP y validadores. Assets versionados e inmutables pueden almacenarse mucho tiempo; HTML o datos API necesitan una política entre frescura, validación y modo offline.
Leer el desglose completo - 08
¿Cómo mejoras el rendimiento web?
Mejora rendimiento midiendo primero el flujo de usuario: identifica LCP, JS bloqueante, solicitudes lentas, layout shifts y renderizados innecesarios. Optimiza el cuello de botella en vez de memorizar al azar.
Leer el desglose completo - 09
¿Cuál es tu estrategia de testing frontend?
Prueba comportamiento en el nivel adecuado: unitarias para lógica pura, componentes para interacción y accesibilidad, y un conjunto pequeño end-to-end para flujos críticos. Prefiere aserciones visibles al usuario.
Leer el desglose completo - 10
¿Cómo eliges un enfoque de gestión de estado?
Mantén el estado lo más local posible y deriva valores en vez de duplicarlos. Sube estado solo para compartirlo realmente, usa herramientas de server-state para datos remotos y elige un store global cuando la coordinación entre árbol sea estable y justificada.
Leer el desglose completo