Hola a todos, Espero que todo esté bien. Hoy voy a compartir mi experiencia en la entrevista de Flipkart para el puesto de ingeniero de interfaz de usuario I. Entonces, sin más preámbulos, comencemos.
Solicitud en línea: uno de mis colegas me recomendó para el puesto de ingeniero de interfaz de usuario I.
Ronda 1 (Codificación de la máquina): El entrevistador me dio una declaración del problema que expuso los puntos clave que deben resolverse.
Dado que el rol es para el puesto de ingeniero de interfaz de usuario, el requisito era crear un sistema frontend que tuviera las siguientes características
Lado izquierdo de la interfaz de usuario
- i) Un pequeño formulario que contiene botones de opción, 2 cuadros de texto y un botón de envío. Los botones de radio deben implementarse en forma de pequeños círculos con un tamaño específico. Los 2 cuadros de texto están etiquetados como Título y Subtítulo
- El fondo de los botones de opción debe colorearse. Los colores deben generarse aleatoriamente llamando a una API que me dieron.
- El propósito del formulario es actuar como un filtro. Podría tomar entrada en diferentes formas de combinaciones, como seleccionando color, color + título de entrada, color + subtítulo, color + título + subtítulo. En función de la entrada proporcionada, la salida final se filtrará en consecuencia.
- El resultado final no es más que una lista de cuadros rectangulares que tienen un color específico como fondo y que contienen títulos o subtítulos según el filtro seleccionado.
- Digamos que si elige el color azul, se mostrarán todos esos rectángulos que tienen color azul.
- Digamos que si elige el color verde y el título de entrada como «Título1», se mostrarán todos los rectángulos que tengan color verde y el título «Título1».
- Digamos que si elige cualquier filtro que no coincida con ningún rectángulo, no se mostrará ningún rectángulo.
Lado derecho de la interfaz de usuario
- El lado izquierdo y derecho de la interfaz de usuario debe estar separado por una línea negra gruesa. Las características para el lado derecho son las siguientes
- i) Es necesario implementar otro formulario que contenga 2 cuadros de texto, varios botones de radio cuyos colores de fondo se obtendrán llamando a la API que me dieron y un botón de envío. Nuevamente, los 2 cuadros de texto están etiquetados como Título y Subtítulo .
- Según el tipo de entrada proporcionada, se generará un rectángulo correspondiente en el lado izquierdo de la interfaz de usuario.
- Digamos que si elige el color rojo y le da un título como » Hola «, se genera un rectángulo con color de fondo rojo con el título » Hola «.
Ronda 2 (Ronda de codificación): se dieron 3 preguntas de codificación. Son los siguientes:-
- Dada una array ordenada de N elementos y un elemento K. Encuentra la frecuencia del elemento K en la array.
Discutido en casos extremos como- Si el elemento K no está presente en la array
- Si la array es nula o está vacía
- Dado un árbol binario, encuentre la suma máxima de caminos. La ruta puede comenzar y terminar en cualquier Node del árbol.
Discutido en casos extremos como- Si el árbol binario está vacío o es nulo
- Si todos los Nodes en el árbol contienen solo valores negativos.
- Dada una array de N elementos y un número entero X, encuentre 3 elementos en la array cuya suma sea la más cercana al elemento X dado.
Discutido en casos extremos como- Si la array de entrada está vacía o es nula
- Si la array de entrada contiene menos de 3 números o no existe tal triplete en la array
- Si hay varios tripletes en la array. (El entrevistador confirmó que imprimió cualquier triplete)
Ronda 3 (Ronda de UI Tech): esta ronda se basó exclusivamente en conceptos de UI relacionados con HTML, CSS y JS
Algunas preguntas que pude recordar son las siguientes: –
- const palabra = ‘hola’
palabra[1] = ‘m’
console.log(palabra) - consola.log(a)
const a = 1;
Hubo preguntas de seguimiento basadas en var & let - Currying y elevación en javascript
- Diferencia entre TypeScript y Javascript
- Explique todo el proceso (lo que realmente sucede en el backend) comenzando desde el envío de la solicitud del cliente al servidor y luego de vuelta al cliente.
- <body><script src=”index.js”/><div></div></body>
¿Qué sucederá con el árbol DOM si ocurre algún problema en la etiqueta del script? - <div class=”blue red”></div> <div class=”red blue”></div>
.blue {background-color: blue;}
.red {background-color: red;}
¿Cuál será el color de fondo de ambos divs? - ¿Explicar el enstringmiento de promesas en javascript?
- ¿Cómo se da cuenta javascript de que se resuelve una promesa?
Ronda 4 (Ronda del Gerente de Contratación): Se basó totalmente en aspectos de comportamiento y en el ajuste de la cultura Flipkart. Algunas de las preguntas que pude recordar son las siguientes:
- ¿Por qué quieres unirte a Flipkart? ¿Qué te hace interesarte en este trabajo?
- ¿Algún modelo a seguir que quieras emular?
- Discusión sobre el proyecto actual de la empresa.
- ¿Cómo se aseguraría de que los defectos se minimicen o sean mínimos posibles al momento de la liberación en producción?
- ¿Cuáles son los diferentes aspectos que consideraría cuando se incorpore a un nuevo trabajo?
- ¿Qué es lo que más te motiva en el trabajo?
Gracias. Eso es todo lo que pude recordar. Espero que seguramente te ayude en la preparación de tu próxima entrevista de codificación. Hasta entonces feliz aprendizaje y cuídate.