Evaluando propuestas

Crear una Función en Javascript Puro para calcular y/o convertir el tamaño de una columna que viene en Px a Fr en un Css Grid.

Publicado el 02 Julio, 2020 en Programación y Tecnología

Sobre este proyecto

Abierto

Se requiere un Javascript Developer para crear una Función que ayude a solventar un problema de cálculo y conversión. 
Dada una clase especifica para un elemento DIV, como por ejemplo:

.grid-test {
  display: grid;
  width: 800px;
  min-height: 200px;
  grid-template-columns: 400px repeat(2, .5fr) 1fr;
  grid-template-rows: 1fr;
  gap: 0;
}

Se requiere convertir el valor de la primera columna que es de 400px a FR, en este ejemplo el resultado esperado sería de 2fr.

Sin embargo, para el anterior ejemplo, no hay complicaciones para llegar al resultado esperado, por lo que es necesario tomar en cuenta los siguientes escenarios:

1. El cálculo debe estar preparado para cualquier escenario posible.
2. Debe tomar en cuenta si el tamaño de alguna columna cambia debido al contenido de la misma por un elemento posicionado en el área. Por ejemplo, una columna puede tener un valor de 2fr pero el width del elemento posicionado en dicha columna puede ser superior al definido inicialmente.
3. Debe estar preparados para la función repeat(n, xfr), incluyendo lo relacionado al punto 2.
4. Debe estar preparado para columnas con valores fijos en PX.
5. Puede ser cualquier columna en la definición.

Se requiere:

1. Función en Javascript puro, documentada línea por línea, con explicación y/o ejemplos.
2. No se admiten librerías de terceros.
3. Terminantemente prohibido usar jQuery.
4. Tratar de usar las mejores prácticas de Javascript.
5. Crear y aplicar pool de Tests enfocados a cubrir suficientes casos.
6. Crear ejemplo de uso en Codesandbox y entregar URL. Esta implementación de ejemplo debe también ser entregada.
7. Explicación del uso de la función mediante Discord o Zoom.
8. Firmar NDA.

Nota: Si realmente no hay entendimiento de las necesidades de la tarea a realizar por favor no se postule. No se trata de algo visual, no se trata de algo relacionado a otra tecnología, es crear una Función en Javascript PURO que realiza cálculos y arroja resultados en base a los requerimientos y escenarios. Gracias.

Contexto general del proyecto

Se requiere: 1. Función en Javascript puro, documentada línea por línea, con explicación y/o ejemplos. 2. No se admiten librerías de terceros. 3. Terminantemente prohibido usar jQuery. 4. Tratar de usar las mejores prácticas de Javascript. 5. Crear y aplicar pool de Tests enfocados a cubrir suficientes casos. 6. Crear ejemplo de uso en Codesandbox y entregar URL. Esta implementación de ejemplo debe también ser entregada. 7. Explicación del uso de la función mediante Discord o Zoom. 8. Firmar NDA.

Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Cambio mediano
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo las especificaciones
Disponibilidad requerida Según se necesite
Roles necesarios Programador

Plazo de Entrega: No definido

Habilidades necesarias

Otros proyectos publicados por J. N.