Frontend
Requisito técnico: componente para recortar imágenes Objetivo: Desarrollar un componente propio desde cero (Vue + TypeScript) que permita a los usuarios cargar una imagen, seleccionar un área para recortar y obtener el resultado en forma de coordenadas. Requisitos funcionales: 1. Componente independiente - El componente debe ser completamente autónomo, escrito desde cero. - Utilizar Vue y TypeScript. 2. Carga y visualización de la imagen - Proveer una ventana (área de vista previa) donde se pueda insertar la imagen. - La área debe tener un ancho y alto máximos definidos. - Si la imagen excede las dimensiones del área, se escala automáticamente para ajustarse al tamaño de la ventana (sin salirse de los límites de la pantalla). 3. Selección del área para recortar - Después de cargar la imagen, esta se muestra en la ventana. - El usuario debe poder seleccionar un área para recortar con el ratón. - Área arbitraria (sin relación de aspecto fija). 4. Guardar el resultado - El botón "Guardar" dispara un evento o método. - Como resultado, se devuelven las coordenadas del área seleccionada para recortar. - No es necesario implementar el proceso de recorte en el servidor.
¿Cuántos hilos hay en JavaScript?
¿Qué otros métodos existen para recorrer un árbol además de la recursión? ¿Cuáles son las ventajas y desventajas de la recursión y la pila?
¿Qué métodos de procesamiento de arrays conoces?
Si tienes tiempo libre y en la pizarra hay dos tareas — una técnica (refactorización) y una de producto con la misma prioridad — ¿cu cuál elegirías?
¿Llevas más de 10 años entrenando a niños y se han convertido en campeones de Rusia. ¿Qué prácticas de tu trabajo como entrenador has transferido al trabajo con juniors?
¿Qué directivas en Angular conoces? ¿Cómo crear una directiva personalizada de atributos y estructural?
Cuéntame sobre los tipos de utilidad en TypeScript: ¿cuáles has utilizado y para qué?
¿Sabes la diferencia entre enum y constantes en TypeScript?
Cuéntame sobre los microfrontends: ¿para qué sirven y cómo trabajas con ellos?
Dijiste que Angular no era lo tuyo. ¿Por qué?
¿Para qué sirve la semántica de las etiquetas HTML?
¿En qué se diferencia simplemente Union de la unión discriminada?
Cuéntame sobre un desafío técnico complicado que hayas tenido que resolver.
¿Has trabajado con Vuex? ¿Qué son las mutaciones en Vuex?
Hay una tabla con 50 columnas y muchas filas. Diferidos grupos de usuarios quieren ver sus conjuntos de columnas, y estas configuraciones deben guardarse después de recargar la página y cerrar el navegador. ¿Cómo lo implementarías?
¿Qué tipos utilitarios conoces, por ejemplo Pick, Omit, Partial, Required? ¿Cómo se usan?
¿Cuál es la diferencia entre ref y reactive en Vue 3?
Cuéntame sobre una aplicación fullstack en Node.js/Express para automatizar la personalización de páginas de pago.
Cuéntame sobre los hooks de React y las reglas para usarlos