FrontendJunior45-60 min
Entrevista Frontend Junior
Guía completa para preparar tu entrevista como Frontend Developer Junior. Cubre HTML, CSS, JavaScript básico, DOM y fundamentos de React o Vue.
17 preguntas3 secciones6 tips
Preguntas Técnicas 7 preguntas
Explica la diferencia entre let, const y var en JavaScript Fácil
Hint: Habla sobre scope (bloque vs función), hoisting y reasignación. const no permite reasignar, pero si mutar objetos.
¿Qué es el box model en CSS y cuáles son sus componentes? Fácil
Hint: Content, padding, border, margin. Menciona box-sizing: border-box y como afecta el cálculo del ancho.
¿Cuál es la diferencia entre == y === en JavaScript? Fácil
Hint: Comparación abstracta vs estricta. == hace coerción de tipos, === compara valor y tipo. Siempre preferir ===.
¿Cómo funciona el event loop en JavaScript? Media
Hint: Call stack, task queue, microtask queue. Explica por que JavaScript es single-threaded pero puede manejar operaciones asíncronas.
¿Qué es Flexbox y cuándo lo usarías en lugar de Grid? Fácil
Hint: Flexbox para layouts unidimensionales (fila o columna), Grid para bidimensionales. Compara casos de uso prácticos.
Explica que es el DOM y como se manipula con JavaScript Media
Hint: Document Object Model como representación en árbol. querySelector, addEventListener, createElement. Menciona el virtual DOM si conoces React.
¿Qué son las promesas en JavaScript y cómo se usan? Media
Hint: Pending, fulfilled, rejected. .then(), .catch(), .finally(). Compara con callbacks y menciona async/await como azúcar sintáctico.
Preguntas de Comportamiento 5 preguntas
Cuéntame sobre un proyecto personal o académico del que estés orgulloso Fácil
Hint: Describe el problema, tu solución técnica, que aprendiste y que harías diferente hoy.
¿Cómo manejas cuando te quedas atascado en un problema técnico? Fácil
Hint: Muestra tu proceso: documentación, debugging, búsqueda, pedir ayuda. Los entrevistadores valoran la honestidad y la metodología.
¿Qué haces para mantenerte actualizado en tecnología? Fácil
Hint: Blogs, YouTube, comunidades, side projects. Se específico con nombres y frecuencia.
¿Cómo te organizas cuando tienes múltiples tareas con deadline? Fácil
Hint: Priorización, comunicación proactiva, herramientas que usas. Ejemplo concreto.
Describe una situación donde recibiste feedback crítico y como reaccionaste Media
Hint: Muestra madurez emocional, capacidad de escuchar y mejora continua.
Ejercicio Práctico 5 preguntas
Construye un componente de contador con botones de incrementar y decrementar Fácil
Hint: Demuestra manejo de estado, eventos y renderizado. Si es React, usa useState. Si es vanilla JS, usa el DOM.
Crea una función que reciba un array de números y retorne los duplicados Media
Hint: Múltiples enfoques: Set, filter con indexOf, o un objeto/map para contar frecuencias. Analiza complejidad.
Implementa un formulario de login con validación básica en el cliente Media
Hint: Validación de email con regex, password mínimo 8 caracteres, mensajes de error, prevenir submit si hay errores.
Maquetar un card responsivo usando solo HTML y CSS Fácil
Hint: Imagen, título, descripción, botón. Usa Flexbox, media queries, y demuestra mobile-first.
Consume una API pública (como JSONPlaceholder) y muestra los datos en una lista Media
Hint: fetch o axios, manejo de loading/error states, renderizado de lista. Puntos extra por paginación.
Tips de preparación
- Practica con proyectos reales, no solo teoría. Los entrevistadores valoran que puedas demostrar lo que sabes.
- Conoce bien las DevTools del navegador: inspector, consola, network tab y debugger.
- Repasa los fundamentos de HTML semántico y accesibilidad básica (alt text, roles, labels).
- Prepara 2-3 proyectos para mostrar. Pueden ser simples pero deben estar bien hechos.
- Si no sabes algo, di "no lo se pero lo investigaría así..." en lugar de inventar.
- Familiarízate con Git básico: clone, add, commit, push, pull, branches.
Recursos recomendados
Guías relacionadas
Encuentra tu próxima oportunidad
Explora vacantes de Frontend disponibles ahora.
Ver vacantes de Frontend