Frontend

¿En qué etapa del ciclo de vida es mejor hacer una solicitud al backend?

console.log(1) setTimeout(() => { console.log(2) }, 10) setTimeout(() => { Promise.resolve().then(() => console.log(3)) }, 0); setTimeout(() => { console.log(4) }, 0); new Promise((_, reject) => { console.log(5) reject(6) console.log(7) }).then(() => console.log(8)) .catch(() => console.log(9)) .then(() => console.log(10)) .catch(() => console.log(11)) .then(() => console.log(12)) .then(console.log) .finally(() => console.log(13)) console.log(14)

¿Por qué decidiste cambiar del diseño al desarrollo frontend?

¿Existe una función foo que acepta argumentos de tipo any y los devuelve? ¿Cómo hacer para que el tipo de resultado no sea any, sino que corresponda al tipo del argumento pasado? Usa Genéricos.

¿Con qué frecuencia has utilizado Tailwind CSS? Cuéntame sobre tu experiencia trabajando con él.

¿Qué patrones de diseño conoces y has aplicado, en particular en aplicaciones Angular?

Cuéntame sobre los atributos async y defer al incluir scripts: ¿en qué se diferencian, cuándo bloquean el análisis de HTML?

¿Has tenido alguna experiencia trabajando sin un analista, cuando necesitabas entender la tarea por ti mismo?

Middle+

IT One

Al optimizar la carga de una aplicación frontend pesada con 150 iconos pequeños, ¿deberían combinarse los iconos en un solo sprite o usar CSS-inlining cuando se usa HTTP/2 o HTTP/3?

Cuéntame sobre tu último lugar de trabajo: ¿cómo era el equipo y cómo se estructuraba el ciclo SDLC?

¿Qué métodos HTTP conoces? ¿En qué se diferencia PUT de PATCH?

Middle

X5 tech

¿Cómo trabajar con JavaScript asíncrono? ¿En qué se diferencia async/await de las promesas?

¿Qué sucede cuando HTML entra en el navegador? ¿Qué entidades bloquean y cómo trabajar con ellas?

Si tenemos una tienda grande, compuesta por varias partes, y el componente padre usa una parte del estado, y el hijo otra, ¿cómo garantizar una renderización independiente de estos componentes sin envolverlos en useMemo?

9. Copiar Durante un examen, el profesor Floyd notó que algunos estudiantes intercambiaban notas. Al principio, quería ponerles a todos una nota de 2, pero el profesor era amable, así que decidió dividir a los estudiantes en dos grupos: los que permiten copiar y los que solo reciben notas de 2 en el primero. El profesor tiene registradas todas las parejas de estudiantes que intercambiaron notas. Es necesario determinar si puede dividir a los estudiantes en dos grupos de modo que cualquier intercambio de notas se realice de un estudiante de un grupo a un estudiante del otro grupo. Formato de entrada En la primera línea se encuentran dos números N y M — la cantidad de estudiantes y la cantidad de pares de estudiantes que intercambian notas (1 ≤ N ≤ 10^2, 0 ≤ M ≤ N(N-1)/2). Luego, en M líneas, se describen los pares de estudiantes: dos números que corresponden a los números de los estudiantes que intercambian notas (la numeración de los estudiantes comienza en 1, cada par de estudiantes se lista no más de una vez). Formato de salida Debe imprimir la respuesta a la tarea del profesor Floyd. Si es posible dividir a los estudiantes en dos grupos, imprime YES; de lo contrario, NO.

¿Tienes comprensión de cómo funciona Zustand por debajo del capó?

¿La solicitud OPTIONS se envía en cada caso de solicitud entre dominios o solo cuando es necesario? ¿Cuál es la diferencia entre solicitudes simples y complejas en este contexto?

Mentalmente, ejecute la función mostrada: ¿qué se mostrará en la primera llamada y por qué? ¿Cómo corregir el código para obtener una secuencia de números?

Hubo un error en producción, es necesario corregirlo urgentemente, pero la rama dev ya ha avanzado mucho con nuevas funciones. ¿Cómo actuarías?

Proporcione un ejemplo del principio Abierto/Cerrado en el desarrollo frontend, por ejemplo, a través de render props.