Evaluating bids

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.

Published on the July 02, 2020 in IT & Programming

About this project

Open

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.

Project overview

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.

Category IT & Programming
Subcategory Web development
What is the scope of the project? Medium-sized change
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
Roles needed Developer

Delivery term: Not specified

Skills needed

Other projects posted by J. N.