Preguntas de entrevista de Frontend y web
63 preguntas de entrevista de Frontend y web con respuestas, de nivel junior a intermedio.
Fundamentos
- ¿Qué es el frontend de una aplicación web?
- ¿Qué es un navegador web?
- ¿Qué frase describe correctamente HTML?
- ¿Qué controla CSS en una página web?
- JavaScript y Java: ¿cómo se relacionan?
- ¿Cuál es la diferencia entre un sitio web estático y uno dinámico?
- ¿Dónde corre el código del lado del cliente y dónde el del lado del servidor?
- ¿Qué es Node.js?
- ¿Qué es React?
- ¿Qué es TypeScript?
- ¿Cuál es la diferencia entre UI y UX?
- Explica frontend y backend a una persona no técnica.
Base
- ¿Qué dan
0 == ""y0 === ""en JavaScript? - ¿Flexbox frente a Grid?
- ¿Por qué preferir
<button>a un<div onclick>? - En una página web, ¿qué papel tienen HTML, CSS y JavaScript?
- En JavaScript moderno, ¿
letfrente aconst? - ¿Qué es el DOM?
- ¿Qué devuelve
document.querySelector(".btn")? - ¿Qué hace esto?
- ¿Cuál es el resultado de
[1, 2, 3].map(x => x * 10)? - ¿Qué es un componente de React?
- En React, ¿props frente a state?
- ¿Qué hace este CSS?
- En CSS, ¿cuál es la diferencia entre
.btny#btn? - ¿Qué es una Promise en JavaScript?
- ¿Qué hace
awaitdentro de unaasync function? - ¿Cómo pides datos a una API en JavaScript moderno?
- ¿Qué hacen
package.jsonynpm? - En React, ¿cómo debes actualizar un array guardado en el estado?
Intermedio
- ¿Qué se registra en consola?
- ¿Qué se registra en consola?
- ¿Cómo tratan
thislas arrow functions? - ¿Qué hace
Promise.all([p1, p2, p3])cuando p2 rechaza? - Una lista tiene 1.000 elementos y cada uno necesita un manejador de clic. ¿Cuál es el mejor enfoque?
- Una búsqueda mientras escribes debe llamar a la API solo cuando el usuario hace una pausa. ¿Qué técnica usas?
- ¿Por qué React necesita una
keyestable en los elementos de una lista? useEffect(fn, [])ejecutafn…- ¿Por qué esto no vuelve a renderizar?
- Un controlled input en React significa…
- Con
box-sizing: border-box, un elemento dewidth: 200pxcon 20px de padding y 2px de borde se muestra… - ¿Qué selector CSS tiene la mayor especificidad?
- ¿Qué almacenamiento se envía automáticamente al servidor con cada petición que coincide?
- ¿Cuál es la principal ventaja del server-side rendering (SSR) frente a una SPA pura en el cliente?
- ¿Qué pasa cuando escribes una URL en el navegador y pulsas Enter?
- ¿Qué hace un bundler como Vite o webpack?
- ¿Cuándo usas React Context?
- ¿Para qué sirve
useRef? - ¿Qué es una Single Page Application (SPA) y cómo funciona el routing en el cliente?
- ¿Qué imprime esto?
- ¿Cuál es la diferencia entre Angular, React y Vue a alto nivel?
- Nombra una forma común de probar componentes de React.
- ¿Cómo conectarías un front end en React con una API REST en Spring Boot?
Avanzado
- ¿En qué orden se registran las letras?
- ¿Qué hace la reconciliation de React?
- ¿
useMemofrente auseCallback? - ¿
<script defer>frente a<script async>? - ¿Cuáles son hoy las tres métricas de los Core Web Vitals de Google?
- En TypeScript, ¿
unknownfrente aany? - El sistema de tipos de TypeScript es…
- ¿Cuál es la principal mejora de HTTP/2 sobre HTTP/1.1?
- Una página web carga lentamente. ¿Cómo la diagnosticas y la mejoras?
- ¿Qué es un closure en JavaScript y qué registra esto?